@chayns-components/core 5.3.12-alpha.0 → 5.4.5-alpha.0

package/lib/cjs/components/sharing-bar/SharingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_useKeyboardFocusHighlighting","_ColorSchemeProvider","_Icon","_interopRequireDefault","_SharingBar","_SharingContextMenu","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SharingBar","label","link","popupAlignment","container","shouldEnableKeyboardHighlighting","colorScheme","useColorScheme","shouldEnableKeyboardHighlightingEffective","contextMenuRef","useRef","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","showContextMenu","useCallback","_contextMenuRef$curre","current","show","handleSharingBarClick","event","preventDefault","stopPropagation","handleKeyDown","currentTarget","target","key","createElement","StyledSharingBar","onClick","onKeyDown","undefined","tabIndex","role","StyledSharingBarIconWrapper","icons","ref","alignment","shouldDisableClick","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, KeyboardEventHandler, MouseEventHandler, useCallback, useRef } from 'react';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\nimport { useColorScheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\nimport type { ContextMenuAlignment } from '../context-menu/ContextMenu.types';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\n\nexport type SharingBarProps = {\n    /**\n     * The element where the content of the `SharingBar` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n    /**\n     * Enables keyboard-only focus highlighting and keyboard interaction.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({\n    label,\n    link,\n    popupAlignment,\n    container,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const colorScheme = useColorScheme();\n    const shouldEnableKeyboardHighlightingEffective =\n        shouldEnableKeyboardHighlighting ?? colorScheme?.shouldEnableKeyboardHighlighting ?? false;\n\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlightingEffective,\n    );\n\n    const showContextMenu = useCallback(() => {\n        contextMenuRef.current?.show();\n    }, []);\n\n    const handleSharingBarClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            showContextMenu();\n        },\n        [showContextMenu],\n    );\n\n    const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (event.currentTarget !== event.target) {\n                return;\n            }\n\n            if (event.key !== 'Enter' && event.key !== ' ') {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            showContextMenu();\n        },\n        [showContextMenu],\n    );\n\n    return (\n        <StyledSharingBar\n            onClick={handleSharingBarClick}\n            onKeyDown={shouldEnableKeyboardHighlightingEffective ? handleKeyDown : undefined}\n            tabIndex={shouldEnableKeyboardHighlightingEffective ? 0 : undefined}\n            role={shouldEnableKeyboardHighlightingEffective ? 'button' : undefined}\n            data-should-show-keyboard-highlighting={\n                shouldShowKeyboardHighlighting ? 'true' : undefined\n            }\n        >\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa-solid fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <SharingContextMenu\n                link={link}\n                ref={contextMenuRef}\n                alignment={popupAlignment}\n                container={container}\n                shouldDisableClick\n            >\n                {null}\n            </SharingContextMenu>\n            <StyledSharingBarText>{label}</StyledSharingBarText>\n        </StyledSharingBar>\n    );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_useKeyboardFocusHighlighting","_ColorSchemeProvider","_Icon","_interopRequireDefault","_SharingBar","_SharingContextMenu","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SharingBar","label","link","popupAlignment","container","shouldEnableKeyboardHighlighting","colorScheme","useColorScheme","shouldEnableKeyboardHighlightingEffective","contextMenuRef","useRef","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","showContextMenu","useCallback","_contextMenuRef$curre","current","show","handleSharingBarClick","event","preventDefault","stopPropagation","handleKeyDown","currentTarget","target","key","createElement","StyledSharingBar","onClick","onKeyDown","undefined","tabIndex","role","StyledSharingBarIconWrapper","icons","ref","alignment","shouldDisableClick","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, KeyboardEventHandler, MouseEventHandler, useCallback, useRef } from 'react';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\nimport { useColorScheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\nimport type { ContextMenuAlignment } from '../context-menu/ContextMenu.types';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\n\nexport type SharingBarProps = {\n    /**\n     * The element where the content of the `SharingBar` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n    /**\n     * Enables keyboard-only focus highlighting and keyboard interaction.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({\n    label,\n    link,\n    popupAlignment,\n    container,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const colorScheme = useColorScheme();\n    const shouldEnableKeyboardHighlightingEffective =\n        shouldEnableKeyboardHighlighting ?? colorScheme?.shouldEnableKeyboardHighlighting ?? false;\n\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlightingEffective,\n    );\n\n    const showContextMenu = useCallback(() => {\n        contextMenuRef.current?.show();\n    }, []);\n\n    const handleSharingBarClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            showContextMenu();\n        },\n        [showContextMenu],\n    );\n\n    const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (event.currentTarget !== event.target) {\n                return;\n            }\n\n            if (event.key !== 'Enter' && event.key !== ' ') {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            showContextMenu();\n        },\n        [showContextMenu],\n    );\n\n    return (\n        <StyledSharingBar\n            onClick={handleSharingBarClick}\n            onKeyDown={shouldEnableKeyboardHighlightingEffective ? handleKeyDown : undefined}\n            tabIndex={shouldEnableKeyboardHighlightingEffective ? 0 : undefined}\n            role={shouldEnableKeyboardHighlightingEffective ? 'button' : undefined}\n            data-should-show-keyboard-highlighting={\n                shouldShowKeyboardHighlighting ? 'true' : undefined\n            }\n        >\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <SharingContextMenu\n                link={link}\n                ref={contextMenuRef}\n                alignment={popupAlignment}\n                container={container}\n                shouldDisableClick\n            >\n                {null}\n            </SharingContextMenu>\n            <StyledSharingBarText>{label}</StyledSharingBarText>\n        </StyledSharingBar>\n    );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/sharing-bar/SharingBar.styles.js

@@ -17,11 +17,12 @@ const StyledSharingBar = exports.StyledSharingBar = _styledComponents.default.di
         ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
     }
 `;
-const StyledSharingBarIconWrapper = exports.StyledSharingBarIconWrapper = _styledComponents.default.div``;
+const StyledSharingBarIconWrapper = exports.StyledSharingBarIconWrapper = _styledComponents.default.div`
+    margin-right: -4px;
+`;
 const StyledSharingBarText = exports.StyledSharingBarText = _styledComponents.default.p`
     color: ${({
   theme
 }) => theme.text};
-    margin: 0 0 0 5px;
 `;
 //# sourceMappingURL=SharingBar.styles.js.map

package/lib/cjs/components/sharing-bar/SharingBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","_keyboardFocusHighlighting","e","__esModule","default","StyledSharingBar","exports","styled","div","keyboardFocusHighlightingRingCss","StyledSharingBarIconWrapper","StyledSharingBarText","p","theme","text"],"sources":["../../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\nexport const StyledSharingBar = styled.div`\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    width: fit-content;\n\n    &[data-should-show-keyboard-highlighting='true']:focus-visible {\n        ${keyboardFocusHighlightingRingCss}\n    }\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div``;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n    margin: 0 0 0 5px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AAAgG,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzF,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,UAAUC,2DAAgC;AAC1C;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAJ,OAAA,CAAAI,2BAAA,GAAGH,yBAAM,CAACC,GAAG,EAAE;AAIhD,MAAMG,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAGJ,yBAAM,CAACK,CAA4B;AACvE,aAAa,CAAC;EAAEC;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACjE;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","_keyboardFocusHighlighting","e","__esModule","default","StyledSharingBar","exports","styled","div","keyboardFocusHighlightingRingCss","StyledSharingBarIconWrapper","StyledSharingBarText","p","theme","text"],"sources":["../../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\nexport const StyledSharingBar = styled.div`\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    width: fit-content;\n\n    &[data-should-show-keyboard-highlighting='true']:focus-visible {\n        ${keyboardFocusHighlightingRingCss}\n    }\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div`\n    margin-right: -4px;\n`;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AAAgG,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzF,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,UAAUC,2DAAgC;AAC1C;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAJ,OAAA,CAAAI,2BAAA,GAAGH,yBAAM,CAACC,GAAG;AACrD;AACA,CAAC;AAIM,MAAMG,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAGJ,yBAAM,CAACK,CAA4B;AACvE,aAAa,CAAC;EAAEC;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACjE,CAAC","ignoreList":[]}

package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.styles.js

@@ -24,6 +24,8 @@ const StyledBaseSkeleton = exports.StyledBaseSkeleton = _styledComponents.defaul
 
     user-select: none;
 
+    white-space: nowrap;
+
     ${({
   $shouldUseNativeTag,
   $height

package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSkeleton.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_react","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledBaseSkeleton","exports","styled","div","$borderRadius","$backgroundColor","$width","$shouldUseNativeTag","$height","css","StyledMotionBaseSkeletonShimmer","motion","$color","StyledMotionBaseSkeletonPulse"],"sources":["../../../../../src/components/skeleton/base-skeleton/BaseSkeleton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { motion } from 'motion/react';\n\ntype StyledBaseSkeletonProps = {\n    $borderRadius: number | string;\n    $backgroundColor: string;\n    $width: number | string;\n    $height: number | string;\n    $shouldUseNativeTag: boolean;\n};\n\nexport const StyledBaseSkeleton = styled.div<StyledBaseSkeletonProps>`\n    position: relative;\n    overflow: hidden;\n    border-radius: ${({ $borderRadius }) =>\n        `${$borderRadius}${typeof $borderRadius === 'number' ? 'px' : ''}`};\n\n    background-color: ${({ $backgroundColor }) => $backgroundColor};\n\n    width: ${({ $width }) => `${$width}${typeof $width === 'number' ? 'px' : ''}`};\n\n    user-select: none;\n\n    ${({ $shouldUseNativeTag, $height }) =>\n        $shouldUseNativeTag\n            ? css`\n                  color: transparent;\n              `\n            : css`\n                  height: ${$height}${typeof $height === 'number' ? 'px' : ''};\n              `}\n`;\n\ntype StyledMotionBaseSkeletonShimmerProps = {\n    $color: string;\n};\n\nexport const StyledMotionBaseSkeletonShimmer = styled(\n    motion.div,\n)<StyledMotionBaseSkeletonShimmerProps>`\n    background: ${({ $color }) =>\n        `linear-gradient(\n            90deg,\n            transparent 0%,\n            ${$color} 50%,\n            transparent 100%\n        )`};\n\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    pointer-events: none;\n    border-radius: 0;\n\n    will-change: transform;\n\n    opacity: 0.06;\n`;\n\ntype StyledMotionBaseSkeletonPulseProps = {\n    $color: string;\n};\n\nexport const StyledMotionBaseSkeletonPulse = styled(motion.div)<StyledMotionBaseSkeletonPulseProps>`\n    width: 100%;\n    height: 100%;\n\n    position: absolute;\n\n    opacity: 0.06;\n\n    background-color: ${({ $color }) => $color};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAU/B,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE;AACA;AACA,qBAAqB,CAAC;EAAEC;AAAc,CAAC,KAC/B,GAAGA,aAAa,GAAG,OAAOA,aAAa,KAAK,QAAQ,GAAG,IAAI,GAAG,EAAE,EAAE;AAC1E;AACA,wBAAwB,CAAC;EAAEC;AAAiB,CAAC,KAAKA,gBAAgB;AAClE;AACA,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAK,GAAGA,MAAM,GAAG,OAAOA,MAAM,KAAK,QAAQ,GAAG,IAAI,GAAG,EAAE,EAAE;AACjF;AACA;AACA;AACA,MAAM,CAAC;EAAEC,mBAAmB;EAAEC;AAAQ,CAAC,KAC/BD,mBAAmB,GACb,IAAAE,qBAAG;AACjB;AACA,eAAe,GACD,IAAAA,qBAAG;AACjB,4BAA4BD,OAAO,GAAG,OAAOA,OAAO,KAAK,QAAQ,GAAG,IAAI,GAAG,EAAE;AAC7E,eAAe;AACf,CAAC;AAMM,MAAME,+BAA+B,GAAAT,OAAA,CAAAS,+BAAA,GAAG,IAAAR,yBAAM,EACjDS,aAAM,CAACR,GACX,CAAuC;AACvC,kBAAkB,CAAC;EAAES;AAAO,CAAC,KACrB;AACR;AACA;AACA,cAAcA,MAAM;AACpB;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAMM,MAAMC,6BAA6B,GAAAZ,OAAA,CAAAY,6BAAA,GAAG,IAAAX,yBAAM,EAACS,aAAM,CAACR,GAAG,CAAqC;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAES;AAAO,CAAC,KAAKA,MAAM;AAC9C,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseSkeleton.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_react","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledBaseSkeleton","exports","styled","div","$borderRadius","$backgroundColor","$width","$shouldUseNativeTag","$height","css","StyledMotionBaseSkeletonShimmer","motion","$color","StyledMotionBaseSkeletonPulse"],"sources":["../../../../../src/components/skeleton/base-skeleton/BaseSkeleton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { motion } from 'motion/react';\n\ntype StyledBaseSkeletonProps = {\n    $borderRadius: number | string;\n    $backgroundColor: string;\n    $width: number | string;\n    $height: number | string;\n    $shouldUseNativeTag: boolean;\n};\n\nexport const StyledBaseSkeleton = styled.div<StyledBaseSkeletonProps>`\n    position: relative;\n    overflow: hidden;\n    border-radius: ${({ $borderRadius }) =>\n        `${$borderRadius}${typeof $borderRadius === 'number' ? 'px' : ''}`};\n\n    background-color: ${({ $backgroundColor }) => $backgroundColor};\n\n    width: ${({ $width }) => `${$width}${typeof $width === 'number' ? 'px' : ''}`};\n\n    user-select: none;\n\n    white-space: nowrap;\n\n    ${({ $shouldUseNativeTag, $height }) =>\n        $shouldUseNativeTag\n            ? css`\n                  color: transparent;\n              `\n            : css`\n                  height: ${$height}${typeof $height === 'number' ? 'px' : ''};\n              `}\n`;\n\ntype StyledMotionBaseSkeletonShimmerProps = {\n    $color: string;\n};\n\nexport const StyledMotionBaseSkeletonShimmer = styled(\n    motion.div,\n)<StyledMotionBaseSkeletonShimmerProps>`\n    background: ${({ $color }) =>\n        `linear-gradient(\n            90deg,\n            transparent 0%,\n            ${$color} 50%,\n            transparent 100%\n        )`};\n\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    pointer-events: none;\n    border-radius: 0;\n\n    will-change: transform;\n\n    opacity: 0.06;\n`;\n\ntype StyledMotionBaseSkeletonPulseProps = {\n    $color: string;\n};\n\nexport const StyledMotionBaseSkeletonPulse = styled(motion.div)<StyledMotionBaseSkeletonPulseProps>`\n    width: 100%;\n    height: 100%;\n\n    position: absolute;\n\n    opacity: 0.06;\n\n    background-color: ${({ $color }) => $color};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAU/B,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE;AACA;AACA,qBAAqB,CAAC;EAAEC;AAAc,CAAC,KAC/B,GAAGA,aAAa,GAAG,OAAOA,aAAa,KAAK,QAAQ,GAAG,IAAI,GAAG,EAAE,EAAE;AAC1E;AACA,wBAAwB,CAAC;EAAEC;AAAiB,CAAC,KAAKA,gBAAgB;AAClE;AACA,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAK,GAAGA,MAAM,GAAG,OAAOA,MAAM,KAAK,QAAQ,GAAG,IAAI,GAAG,EAAE,EAAE;AACjF;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC,mBAAmB;EAAEC;AAAQ,CAAC,KAC/BD,mBAAmB,GACb,IAAAE,qBAAG;AACjB;AACA,eAAe,GACD,IAAAA,qBAAG;AACjB,4BAA4BD,OAAO,GAAG,OAAOA,OAAO,KAAK,QAAQ,GAAG,IAAI,GAAG,EAAE;AAC7E,eAAe;AACf,CAAC;AAMM,MAAME,+BAA+B,GAAAT,OAAA,CAAAS,+BAAA,GAAG,IAAAR,yBAAM,EACjDS,aAAM,CAACR,GACX,CAAuC;AACvC,kBAAkB,CAAC;EAAES;AAAO,CAAC,KACrB;AACR;AACA;AACA,cAAcA,MAAM;AACpB;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAMM,MAAMC,6BAA6B,GAAAZ,OAAA,CAAAY,6BAAA,GAAG,IAAAX,yBAAM,EAACS,aAAM,CAACR,GAAG,CAAqC;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAES;AAAO,CAAC,KAAKA,MAAM;AAC9C,CAAC","ignoreList":[]}

package/lib/cjs/components/slider-button/SliderButton.styles.js

@@ -85,11 +85,7 @@ const StyledSliderButtonPopupContentItem = exports.StyledSliderButtonPopupConten
     padding: 4px 12px;
 
     &:focus-visible {
-        ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
-        outline: solid 2px color-mix(in srgb, white 70%, transparent);
-        color: ${({
-  theme
-}) => theme.text};
+        ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss};
     }
 `;
 const StyledSliderButtonButtonsWrapper = exports.StyledSliderButtonButtonsWrapper = _styledComponents.default.div`

package/lib/cjs/components/slider-button/SliderButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderButton.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSliderButton","exports","styled","div","$isDisabled","StyledSliderButtonWrapper","$isRounded","$width","StyledSliderButtonItem","$isSecondary","theme","text","buttonColor","StyledSliderButtonPopupContent","StyledSliderButtonPopupContentItem","$isSelected","undefined","keyboardFocusHighlightingRingCss","StyledSliderButtonButtonsWrapper","$isInvisible","StyledMotionSliderButtonThumb","motion","$shouldShowKeyboardHighlighting","css"],"sources":["../../../../src/components/slider-button/SliderButton.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledSliderButtonProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledSliderButton = styled.div<StyledSliderButtonProps>`\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    width: 100%;\n    touch-action: none;\n    position: relative;\n`;\n\ntype StyledSliderButtonWrapperProps = WithTheme<{\n    $width: number;\n    $isDisabled?: boolean;\n    $isRounded: boolean;\n}>;\n\nexport const StyledSliderButtonWrapper = styled.div<StyledSliderButtonWrapperProps>`\n    align-items: center;\n    border-radius: ${({ $isRounded }) => ($isRounded ? 32 : 3)}px;\n    border: none;\n    color: white;\n    cursor: pointer;\n    display: inline-flex;\n    line-height: 1.15;\n    height: 32px;\n    position: relative;\n    user-select: none;\n    transition: opacity 0.3s ease;\n\n    width: ${({ $width }) => $width}px;\n\n    max-width: 100%;\n    overflow-x: ${({ $isDisabled }) => ($isDisabled ? 'hidden' : 'scroll')};\n    overflow-y: hidden;\n\n    // Chrome\n    &::-webkit-scrollbar {\n        display: none;\n    }\n\n    // IE and Edge\n    -ms-overflow-style: none;\n\n    // Firefox\n    scrollbar-width: none;\n`;\n\ntype StyledSliderButtonItemProps = WithTheme<{\n    $isSecondary?: boolean;\n    $width: number;\n}>;\n\nexport const StyledSliderButtonItem = styled.div<StyledSliderButtonItemProps>`\n    font-size: 110%;\n    font-family: 'Roboto Medium', serif;\n    padding: 7px 12px;\n    min-width: ${({ $width }) => $width}px;\n    max-width: ${({ $width }) => $width}px;\n    display: flex;\n    white-space: nowrap;\n    justify-content: center;\n    color: ${({ $isSecondary, theme }: StyledSliderButtonItemProps) =>\n        $isSecondary ? theme.text : (theme.buttonColor ?? 'white')};\n`;\n\nexport const StyledSliderButtonPopupContent = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\ntype StyledSliderButtonPopupContentItemProps = WithTheme<{\n    $isSelected?: boolean;\n}>;\n\nexport const StyledSliderButtonPopupContentItem = styled.div<StyledSliderButtonPopupContentItemProps>`\n    font-size: 110%;\n    font-family: 'Roboto Medium', serif;\n    cursor: pointer;\n    background-color: ${({ $isSelected, theme }: StyledSliderButtonPopupContentItemProps) =>\n        $isSelected ? theme['secondary-102'] : undefined};\n    padding: 4px 12px;\n\n    &:focus-visible {\n        ${keyboardFocusHighlightingRingCss}\n        outline: solid 2px color-mix(in srgb, white 70%, transparent);\n        color: ${({ theme }: StyledSliderButtonPopupContentItemProps) => theme.text};\n    }\n`;\n\ntype StyledSliderButtonButtonsWrapperProps = WithTheme<{ $isInvisible?: boolean }>;\n\nexport const StyledSliderButtonButtonsWrapper = styled.div<StyledSliderButtonButtonsWrapperProps>`\n    position: absolute;\n    z-index: ${({ $isInvisible }) => ($isInvisible ? '2' : '4')};\n    opacity: ${({ $isInvisible }) => ($isInvisible ? 0 : 1)};\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n    pointer-events: ${({ $isInvisible }) => ($isInvisible ? 'auto' : 'none')};\n`;\n\ntype StyledMotionSliderButtonThumbProps = WithTheme<{\n    $width: number;\n    $isRounded: boolean;\n    $shouldShowKeyboardHighlighting?: boolean;\n}>;\n\nexport const StyledMotionSliderButtonThumb = styled(motion.div)<StyledMotionSliderButtonThumbProps>`\n    font-size: 110%;\n    font-family: 'Roboto Medium', serif;\n    opacity: 1;\n    width: ${({ $width }) => $width - 8}px;\n    position: absolute;\n    border-radius: ${({ $isRounded }) => ($isRounded ? 24 : 3)}px;\n    top: 4px;\n    left: 4px;\n    white-space: nowrap;\n    z-index: 3;\n    height: 24px;\n    padding: 7px 12px;\n    display: flex;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible {\n                ${keyboardFocusHighlightingRingCss}\n            }\n        `}\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SliderButton.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSliderButton","exports","styled","div","$isDisabled","StyledSliderButtonWrapper","$isRounded","$width","StyledSliderButtonItem","$isSecondary","theme","text","buttonColor","StyledSliderButtonPopupContent","StyledSliderButtonPopupContentItem","$isSelected","undefined","keyboardFocusHighlightingRingCss","StyledSliderButtonButtonsWrapper","$isInvisible","StyledMotionSliderButtonThumb","motion","$shouldShowKeyboardHighlighting","css"],"sources":["../../../../src/components/slider-button/SliderButton.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledSliderButtonProps = WithTheme<{ $isDisabled?: boolean }>;\n\nexport const StyledSliderButton = styled.div<StyledSliderButtonProps>`\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    width: 100%;\n    touch-action: none;\n    position: relative;\n`;\n\ntype StyledSliderButtonWrapperProps = WithTheme<{\n    $width: number;\n    $isDisabled?: boolean;\n    $isRounded: boolean;\n}>;\n\nexport const StyledSliderButtonWrapper = styled.div<StyledSliderButtonWrapperProps>`\n    align-items: center;\n    border-radius: ${({ $isRounded }) => ($isRounded ? 32 : 3)}px;\n    border: none;\n    color: white;\n    cursor: pointer;\n    display: inline-flex;\n    line-height: 1.15;\n    height: 32px;\n    position: relative;\n    user-select: none;\n    transition: opacity 0.3s ease;\n\n    width: ${({ $width }) => $width}px;\n\n    max-width: 100%;\n    overflow-x: ${({ $isDisabled }) => ($isDisabled ? 'hidden' : 'scroll')};\n    overflow-y: hidden;\n\n    // Chrome\n    &::-webkit-scrollbar {\n        display: none;\n    }\n\n    // IE and Edge\n    -ms-overflow-style: none;\n\n    // Firefox\n    scrollbar-width: none;\n`;\n\ntype StyledSliderButtonItemProps = WithTheme<{\n    $isSecondary?: boolean;\n    $width: number;\n}>;\n\nexport const StyledSliderButtonItem = styled.div<StyledSliderButtonItemProps>`\n    font-size: 110%;\n    font-family: 'Roboto Medium', serif;\n    padding: 7px 12px;\n    min-width: ${({ $width }) => $width}px;\n    max-width: ${({ $width }) => $width}px;\n    display: flex;\n    white-space: nowrap;\n    justify-content: center;\n    color: ${({ $isSecondary, theme }: StyledSliderButtonItemProps) =>\n        $isSecondary ? theme.text : (theme.buttonColor ?? 'white')};\n`;\n\nexport const StyledSliderButtonPopupContent = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\ntype StyledSliderButtonPopupContentItemProps = WithTheme<{\n    $isSelected?: boolean;\n}>;\n\nexport const StyledSliderButtonPopupContentItem = styled.div<StyledSliderButtonPopupContentItemProps>`\n    font-size: 110%;\n    font-family: 'Roboto Medium', serif;\n    cursor: pointer;\n    background-color: ${({ $isSelected, theme }: StyledSliderButtonPopupContentItemProps) =>\n        $isSelected ? theme['secondary-102'] : undefined};\n    padding: 4px 12px;\n\n    &:focus-visible {\n        ${keyboardFocusHighlightingRingCss};\n    }\n`;\n\ntype StyledSliderButtonButtonsWrapperProps = WithTheme<{ $isInvisible?: boolean }>;\n\nexport const StyledSliderButtonButtonsWrapper = styled.div<StyledSliderButtonButtonsWrapperProps>`\n    position: absolute;\n    z-index: ${({ $isInvisible }) => ($isInvisible ? '2' : '4')};\n    opacity: ${({ $isInvisible }) => ($isInvisible ? 0 : 1)};\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n    pointer-events: ${({ $isInvisible }) => ($isInvisible ? 'auto' : 'none')};\n`;\n\ntype StyledMotionSliderButtonThumbProps = WithTheme<{\n    $width: number;\n    $isRounded: boolean;\n    $shouldShowKeyboardHighlighting?: boolean;\n}>;\n\nexport const StyledMotionSliderButtonThumb = styled(motion.div)<StyledMotionSliderButtonThumbProps>`\n    font-size: 110%;\n    font-family: 'Roboto Medium', serif;\n    opacity: 1;\n    width: ${({ $width }) => $width - 8}px;\n    position: absolute;\n    border-radius: ${({ $isRounded }) => ($isRounded ? 24 : 3)}px;\n    top: 4px;\n    left: 4px;\n    white-space: nowrap;\n    z-index: 3;\n    height: 24px;\n    padding: 7px 12px;\n    display: flex;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible {\n                ${keyboardFocusHighlightingRingCss}\n            }\n        `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,0BAAA,GAAAH,OAAA;AAAgG,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIzF,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE,eAAe,CAAC;EAAEC;AAAY,CAAC,KAAMA,WAAW,GAAG,GAAG,GAAG,CAAE;AAC3D;AACA;AACA;AACA,CAAC;AAQM,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGH,yBAAM,CAACC,GAAmC;AACnF;AACA,qBAAqB,CAAC;EAAEG;AAAW,CAAC,KAAMA,UAAU,GAAG,EAAE,GAAG,CAAE;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AACnC;AACA;AACA,kBAAkB,CAAC;EAAEH;AAAY,CAAC,KAAMA,WAAW,GAAG,QAAQ,GAAG,QAAS;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOM,MAAMI,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAGN,yBAAM,CAACC,GAAgC;AAC7E;AACA;AACA;AACA,iBAAiB,CAAC;EAAEI;AAAO,CAAC,KAAKA,MAAM;AACvC,iBAAiB,CAAC;EAAEA;AAAO,CAAC,KAAKA,MAAM;AACvC;AACA;AACA;AACA,aAAa,CAAC;EAAEE,YAAY;EAAEC;AAAmC,CAAC,KAC1DD,YAAY,GAAGC,KAAK,CAACC,IAAI,GAAID,KAAK,CAACE,WAAW,IAAI,OAAQ;AAClE,CAAC;AAEM,MAAMC,8BAA8B,GAAAZ,OAAA,CAAAY,8BAAA,GAAGX,yBAAM,CAACC,GAAG;AACxD;AACA;AACA,CAAC;AAMM,MAAMW,kCAAkC,GAAAb,OAAA,CAAAa,kCAAA,GAAGZ,yBAAM,CAACC,GAA4C;AACrG;AACA;AACA;AACA,wBAAwB,CAAC;EAAEY,WAAW;EAAEL;AAA+C,CAAC,KAChFK,WAAW,GAAGL,KAAK,CAAC,eAAe,CAAC,GAAGM,SAAS;AACxD;AACA;AACA;AACA,UAAUC,2DAAgC;AAC1C;AACA,CAAC;AAIM,MAAMC,gCAAgC,GAAAjB,OAAA,CAAAiB,gCAAA,GAAGhB,yBAAM,CAACC,GAA0C;AACjG;AACA,eAAe,CAAC;EAAEgB;AAAa,CAAC,KAAMA,YAAY,GAAG,GAAG,GAAG,GAAI;AAC/D,eAAe,CAAC;EAAEA;AAAa,CAAC,KAAMA,YAAY,GAAG,CAAC,GAAG,CAAE;AAC3D;AACA;AACA;AACA,sBAAsB,CAAC;EAAEA;AAAa,CAAC,KAAMA,YAAY,GAAG,MAAM,GAAG,MAAO;AAC5E,CAAC;AAQM,MAAMC,6BAA6B,GAAAnB,OAAA,CAAAmB,6BAAA,GAAG,IAAAlB,yBAAM,EAACmB,aAAM,CAAClB,GAAG,CAAqC;AACnG;AACA;AACA;AACA,aAAa,CAAC;EAAEI;AAAO,CAAC,KAAKA,MAAM,GAAG,CAAC;AACvC;AACA,qBAAqB,CAAC;EAAED;AAAW,CAAC,KAAMA,UAAU,GAAG,EAAE,GAAG,CAAE;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEgB;AAAgC,CAAC,KAClCA,+BAA+B,IAC/B,IAAAC,qBAAG;AACX;AACA,kBAAkBN,2DAAgC;AAClD;AACA,SAAS;AACT,CAAC","ignoreList":[]}

package/lib/cjs/components/tag-input/TagInput.js

@@ -178,6 +178,7 @@ const TagInput = /*#__PURE__*/(0, _react.forwardRef)(({
         backgroundColor: isSelected ? theme['206'] ?? undefined : undefined
       }, /*#__PURE__*/_react.default.createElement(_TagInput.StyledTagInputTagWrapper, null, /*#__PURE__*/_react.default.createElement(_TagInput.StyledTagInputTagWrapperText, null, text), rightElement, /*#__PURE__*/_react.default.createElement(_Icon.default, {
         icons: ['ts-wrong'],
+        shouldEnableKeyboardHighlighting: false,
         onClick: event => {
           event.preventDefault();
           event.stopPropagation();

package/lib/cjs/components/tag-input/TagInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagInput.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_uuid","_Badge","_interopRequireDefault","_Icon","_TagInput","_AreaContextProvider","_resize","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TagInput","forwardRef","leftElement","onAdd","onBlur","onChange","onFocus","onRemove","placeholder","shouldAllowMultiple","shouldEnableKeyboardHighlighting","shouldPreventEnter","tags","ref","currentValue","setCurrentValue","useState","selectedId","setSelectedId","areaProvider","useContext","AreaContext","inputRef","useRef","useCursorRepaint","theme","useTheme","handleResetValue","shouldChangeColor","useMemo","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","shouldShowTagHighlighting","useImperativeHandle","blur","_inputRef$current","current","getUnsavedTagText","undefined","resetValue","handleRemoveTag","useCallback","id","currentTags","_currentTags","_currentTags2","removedTagIndex","findIndex","tag","handleKeyDown","event","visibleTags","slice","selectedTagIndex","selectedTag","isSpaceKey","key","isEnterKey","isDeleteKey","length","_visibleTags2","preventDefault","_visibleTags","_visibleTags3","_visibleTags$","_visibleTags4","_visibleTags5","prevValue","newTag","uuidv4","text","onAddResult","Promise","then","shouldAddTag","handleChange","target","value","handleIconClick","content","items","forEach","rightElement","isSelected","push","createElement","StyledTagInputTagFocusWrapper","$isSelected","$shouldShowKeyboardHighlighting","backgroundColor","StyledTagInputTagWrapper","StyledTagInputTagWrapperText","icons","onClick","stopPropagation","shouldShowInput","StyledTagInput","$shouldChangeColor","$shouldShowTagHighlighting","StyledTagInputIconWrapper","StyledTagInputTagInput","onKeyDown","_default","exports"],"sources":["../../../../src/components/tag-input/TagInput.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useCallback,\n    useMemo,\n    useState,\n    type ChangeEvent,\n    type KeyboardEvent,\n    type ReactElement,\n    useImperativeHandle,\n    useContext,\n    ChangeEventHandler,\n    ReactNode,\n    FocusEventHandler,\n    useRef,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport type { Tag } from '../../types/tagInput';\nimport Badge from '../badge/Badge';\nimport Icon from '../icon/Icon';\nimport {\n    StyledTagInput,\n    StyledTagInputTagFocusWrapper,\n    StyledTagInputIconWrapper,\n    StyledTagInputTagInput,\n    StyledTagInputTagWrapper,\n    StyledTagInputTagWrapperText,\n} from './TagInput.styles';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { useCursorRepaint } from '../../hooks/resize';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nexport type TagInputProps = {\n    /**\n     * An element that should be displayed on the left side of the input.\n     */\n    leftElement?: ReactNode;\n    /**\n     * Function to be executed when a tag is added.\n     */\n    onAdd?: (tag: Tag) => Promise<boolean> | boolean | void;\n    /**\n     * Function to be executed when the input is blurred.\n     */\n    onBlur?: FocusEventHandler;\n    /**\n     * Function to be executed when the value of the input is changed.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the input is focused.\n     */\n    onFocus?: FocusEventHandler;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * Function to be executed when a tag is removed.\n     */\n    onRemove?: (id: string) => void;\n    /**\n     * The placeholder that should be displayed.\n     */\n    placeholder?: string;\n    /**\n     * Whether multiple tags should be allowed.\n     */\n    shouldAllowMultiple?: boolean;\n    /**\n     * Whether the enter key should be prevented.\n     */\n    shouldPreventEnter?: boolean;\n    /**\n     * The tags that should be displayed.\n     */\n    tags?: Tag[];\n};\n\nexport interface TagInputRef {\n    blur: () => void;\n    getUnsavedTagText: Tag['text'] | undefined;\n    resetValue: () => void;\n}\n\nconst TagInput = forwardRef<TagInputRef, TagInputProps>(\n    (\n        {\n            leftElement,\n            onAdd,\n            onBlur,\n            onChange,\n            onFocus,\n            onRemove,\n            placeholder,\n            shouldAllowMultiple = true,\n            shouldEnableKeyboardHighlighting,\n            shouldPreventEnter,\n            tags,\n        },\n        ref,\n    ) => {\n        const [currentValue, setCurrentValue] = useState('');\n        const [selectedId, setSelectedId] = useState<Tag['id']>();\n\n        const areaProvider = useContext(AreaContext);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n\n        useCursorRepaint(inputRef);\n\n        const theme = useTheme() as Theme;\n\n        const handleResetValue = () => {\n            setCurrentValue('');\n        };\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting,\n        );\n\n        const shouldShowTagHighlighting =\n            shouldShowKeyboardHighlighting && typeof selectedId === 'string';\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                blur: () => inputRef.current?.blur(),\n                getUnsavedTagText: currentValue !== '' ? currentValue : undefined,\n                resetValue: handleResetValue,\n            }),\n            [currentValue],\n        );\n\n        const handleRemoveTag = useCallback(\n            (id: string, currentTags: Tag[]) => {\n                const removedTagIndex = currentTags.findIndex((tag) => tag.id === id);\n\n                if (typeof onRemove === 'function') {\n                    onRemove(id);\n                }\n\n                if (removedTagIndex < 0) {\n                    setSelectedId(undefined);\n                    return;\n                }\n\n                setSelectedId(\n                    currentTags[removedTagIndex + 1]?.id ?? currentTags[removedTagIndex - 1]?.id,\n                );\n            },\n            [onRemove],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLInputElement>) => {\n                const visibleTags = shouldAllowMultiple ? (tags ?? []) : (tags ?? []).slice(0, 1);\n                const selectedTagIndex = visibleTags.findIndex((tag) => tag.id === selectedId);\n                const selectedTag =\n                    selectedTagIndex >= 0 ? visibleTags[selectedTagIndex] : undefined;\n                const isSpaceKey = event.key === ' ';\n                const isEnterKey = event.key === 'Enter';\n                const isDeleteKey = event.key === 'Delete';\n\n                if (currentValue === '' && visibleTags.length > 0) {\n                    if (event.key === 'ArrowLeft') {\n                        event.preventDefault();\n\n                        if (!selectedId) {\n                            setSelectedId(visibleTags[visibleTags.length - 1]?.id);\n                            return;\n                        }\n\n                        if (selectedTagIndex <= 0) {\n                            setSelectedId(undefined);\n                            return;\n                        }\n\n                        setSelectedId(visibleTags[selectedTagIndex - 1]?.id);\n                        return;\n                    }\n\n                    if (event.key === 'ArrowRight') {\n                        event.preventDefault();\n\n                        if (!selectedId || selectedTagIndex < 0) {\n                            return;\n                        }\n\n                        if (selectedTagIndex >= visibleTags.length - 1) {\n                            setSelectedId(undefined);\n                            return;\n                        }\n\n                        setSelectedId(visibleTags[selectedTagIndex + 1]?.id);\n                        return;\n                    }\n\n                    if (event.key === 'Home') {\n                        event.preventDefault();\n                        setSelectedId(visibleTags[0]?.id);\n                        return;\n                    }\n\n                    if (event.key === 'End') {\n                        event.preventDefault();\n                        setSelectedId(visibleTags[visibleTags.length - 1]?.id);\n                        return;\n                    }\n\n                    if (isEnterKey || isSpaceKey || event.key === 'Backspace' || isDeleteKey) {\n                        event.preventDefault();\n\n                        if (!selectedTag) {\n                            setSelectedId(visibleTags[visibleTags.length - 1]?.id);\n                            return;\n                        }\n\n                        handleRemoveTag(selectedTag.id, visibleTags);\n                        return;\n                    }\n                }\n\n                if (isEnterKey && !shouldPreventEnter) {\n                    setCurrentValue((prevValue) => {\n                        if (!prevValue) {\n                            return '';\n                        }\n\n                        if (!shouldAllowMultiple && (tags?.length ?? 0) > 0) return '';\n\n                        const newTag = { id: uuidv4(), text: prevValue };\n\n                        if (typeof onAdd === 'function') {\n                            const onAddResult = onAdd(newTag);\n\n                            if (typeof onAddResult === 'boolean' && !onAddResult) {\n                                return prevValue;\n                            }\n\n                            if (onAddResult instanceof Promise) {\n                                void onAddResult.then((shouldAddTag) => {\n                                    if (!shouldAddTag) {\n                                        return prevValue;\n                                    }\n\n                                    return '';\n                                });\n                            }\n                        }\n\n                        return '';\n                    });\n                }\n            },\n            [\n                currentValue,\n                onAdd,\n                handleRemoveTag,\n                selectedId,\n                shouldAllowMultiple,\n                shouldPreventEnter,\n                tags,\n            ],\n        );\n\n        const handleChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                setCurrentValue(event.target.value);\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n\n                if (event.target.value !== '') {\n                    setSelectedId(undefined);\n                }\n            },\n            [onChange],\n        );\n\n        const handleIconClick = useCallback(\n            (id: string) => {\n                handleRemoveTag(id, shouldAllowMultiple ? (tags ?? []) : (tags ?? []).slice(0, 1));\n            },\n            [handleRemoveTag, shouldAllowMultiple, tags],\n        );\n\n        const content = useMemo(() => {\n            const items: ReactElement[] = [];\n\n            if (!tags) {\n                return items;\n            }\n\n            (shouldAllowMultiple ? tags : tags.slice(0, 1)).forEach(\n                ({ text, id, rightElement }) => {\n                    const isSelected = id === selectedId;\n\n                    items.push(\n                        <StyledTagInputTagFocusWrapper\n                            $isSelected={isSelected}\n                            $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                            key={`tag-input-${id}`}\n                        >\n                            <Badge\n                                backgroundColor={\n                                    isSelected ? ((theme['206'] as string) ?? undefined) : undefined\n                                }\n                            >\n                                <StyledTagInputTagWrapper>\n                                    <StyledTagInputTagWrapperText>\n                                        {text}\n                                    </StyledTagInputTagWrapperText>\n                                    {rightElement}\n                                    <Icon\n                                        icons={['ts-wrong']}\n                                        onClick={(event) => {\n                                            event.preventDefault();\n                                            event.stopPropagation();\n\n                                            handleIconClick(id);\n                                        }}\n                                    />\n                                </StyledTagInputTagWrapper>\n                            </Badge>\n                        </StyledTagInputTagFocusWrapper>,\n                    );\n                },\n            );\n\n            return items;\n        }, [\n            tags,\n            shouldAllowMultiple,\n            selectedId,\n            shouldShowKeyboardHighlighting,\n            theme,\n            handleIconClick,\n        ]);\n\n        const shouldShowInput = useMemo(\n            () => shouldAllowMultiple || (tags?.length ?? 0) < 1,\n            [tags?.length, shouldAllowMultiple],\n        );\n\n        return useMemo(\n            () => (\n                <StyledTagInput\n                    $shouldChangeColor={shouldChangeColor}\n                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                    $shouldShowTagHighlighting={shouldShowTagHighlighting}\n                >\n                    {leftElement && (\n                        <StyledTagInputIconWrapper>{leftElement}</StyledTagInputIconWrapper>\n                    )}\n                    {content}\n                    {shouldShowInput && (\n                        <StyledTagInputTagInput\n                            onBlur={onBlur}\n                            onChange={handleChange}\n                            onFocus={onFocus}\n                            onKeyDown={handleKeyDown}\n                            placeholder={tags && tags.length > 0 ? undefined : placeholder}\n                            ref={inputRef}\n                            value={currentValue}\n                        />\n                    )}\n                </StyledTagInput>\n            ),\n            [\n                content,\n                currentValue,\n                handleChange,\n                handleKeyDown,\n                leftElement,\n                onBlur,\n                onFocus,\n                placeholder,\n                shouldChangeColor,\n                shouldShowInput,\n                shouldShowKeyboardHighlighting,\n                shouldShowTagHighlighting,\n                tags,\n            ],\n        );\n    },\n);\n\nexport default TagInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TagInput.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_uuid","_Badge","_interopRequireDefault","_Icon","_TagInput","_AreaContextProvider","_resize","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TagInput","forwardRef","leftElement","onAdd","onBlur","onChange","onFocus","onRemove","placeholder","shouldAllowMultiple","shouldEnableKeyboardHighlighting","shouldPreventEnter","tags","ref","currentValue","setCurrentValue","useState","selectedId","setSelectedId","areaProvider","useContext","AreaContext","inputRef","useRef","useCursorRepaint","theme","useTheme","handleResetValue","shouldChangeColor","useMemo","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","shouldShowTagHighlighting","useImperativeHandle","blur","_inputRef$current","current","getUnsavedTagText","undefined","resetValue","handleRemoveTag","useCallback","id","currentTags","_currentTags","_currentTags2","removedTagIndex","findIndex","tag","handleKeyDown","event","visibleTags","slice","selectedTagIndex","selectedTag","isSpaceKey","key","isEnterKey","isDeleteKey","length","_visibleTags2","preventDefault","_visibleTags","_visibleTags3","_visibleTags$","_visibleTags4","_visibleTags5","prevValue","newTag","uuidv4","text","onAddResult","Promise","then","shouldAddTag","handleChange","target","value","handleIconClick","content","items","forEach","rightElement","isSelected","push","createElement","StyledTagInputTagFocusWrapper","$isSelected","$shouldShowKeyboardHighlighting","backgroundColor","StyledTagInputTagWrapper","StyledTagInputTagWrapperText","icons","onClick","stopPropagation","shouldShowInput","StyledTagInput","$shouldChangeColor","$shouldShowTagHighlighting","StyledTagInputIconWrapper","StyledTagInputTagInput","onKeyDown","_default","exports"],"sources":["../../../../src/components/tag-input/TagInput.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useCallback,\n    useMemo,\n    useState,\n    type ChangeEvent,\n    type KeyboardEvent,\n    type ReactElement,\n    useImperativeHandle,\n    useContext,\n    ChangeEventHandler,\n    ReactNode,\n    FocusEventHandler,\n    useRef,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport type { Tag } from '../../types/tagInput';\nimport Badge from '../badge/Badge';\nimport Icon from '../icon/Icon';\nimport {\n    StyledTagInput,\n    StyledTagInputTagFocusWrapper,\n    StyledTagInputIconWrapper,\n    StyledTagInputTagInput,\n    StyledTagInputTagWrapper,\n    StyledTagInputTagWrapperText,\n} from './TagInput.styles';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { useCursorRepaint } from '../../hooks/resize';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nexport type TagInputProps = {\n    /**\n     * An element that should be displayed on the left side of the input.\n     */\n    leftElement?: ReactNode;\n    /**\n     * Function to be executed when a tag is added.\n     */\n    onAdd?: (tag: Tag) => Promise<boolean> | boolean | void;\n    /**\n     * Function to be executed when the input is blurred.\n     */\n    onBlur?: FocusEventHandler;\n    /**\n     * Function to be executed when the value of the input is changed.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the input is focused.\n     */\n    onFocus?: FocusEventHandler;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * Function to be executed when a tag is removed.\n     */\n    onRemove?: (id: string) => void;\n    /**\n     * The placeholder that should be displayed.\n     */\n    placeholder?: string;\n    /**\n     * Whether multiple tags should be allowed.\n     */\n    shouldAllowMultiple?: boolean;\n    /**\n     * Whether the enter key should be prevented.\n     */\n    shouldPreventEnter?: boolean;\n    /**\n     * The tags that should be displayed.\n     */\n    tags?: Tag[];\n};\n\nexport interface TagInputRef {\n    blur: () => void;\n    getUnsavedTagText: Tag['text'] | undefined;\n    resetValue: () => void;\n}\n\nconst TagInput = forwardRef<TagInputRef, TagInputProps>(\n    (\n        {\n            leftElement,\n            onAdd,\n            onBlur,\n            onChange,\n            onFocus,\n            onRemove,\n            placeholder,\n            shouldAllowMultiple = true,\n            shouldEnableKeyboardHighlighting,\n            shouldPreventEnter,\n            tags,\n        },\n        ref,\n    ) => {\n        const [currentValue, setCurrentValue] = useState('');\n        const [selectedId, setSelectedId] = useState<Tag['id']>();\n\n        const areaProvider = useContext(AreaContext);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n\n        useCursorRepaint(inputRef);\n\n        const theme = useTheme() as Theme;\n\n        const handleResetValue = () => {\n            setCurrentValue('');\n        };\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting,\n        );\n\n        const shouldShowTagHighlighting =\n            shouldShowKeyboardHighlighting && typeof selectedId === 'string';\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                blur: () => inputRef.current?.blur(),\n                getUnsavedTagText: currentValue !== '' ? currentValue : undefined,\n                resetValue: handleResetValue,\n            }),\n            [currentValue],\n        );\n\n        const handleRemoveTag = useCallback(\n            (id: string, currentTags: Tag[]) => {\n                const removedTagIndex = currentTags.findIndex((tag) => tag.id === id);\n\n                if (typeof onRemove === 'function') {\n                    onRemove(id);\n                }\n\n                if (removedTagIndex < 0) {\n                    setSelectedId(undefined);\n                    return;\n                }\n\n                setSelectedId(\n                    currentTags[removedTagIndex + 1]?.id ?? currentTags[removedTagIndex - 1]?.id,\n                );\n            },\n            [onRemove],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLInputElement>) => {\n                const visibleTags = shouldAllowMultiple ? (tags ?? []) : (tags ?? []).slice(0, 1);\n                const selectedTagIndex = visibleTags.findIndex((tag) => tag.id === selectedId);\n                const selectedTag =\n                    selectedTagIndex >= 0 ? visibleTags[selectedTagIndex] : undefined;\n                const isSpaceKey = event.key === ' ';\n                const isEnterKey = event.key === 'Enter';\n                const isDeleteKey = event.key === 'Delete';\n\n                if (currentValue === '' && visibleTags.length > 0) {\n                    if (event.key === 'ArrowLeft') {\n                        event.preventDefault();\n\n                        if (!selectedId) {\n                            setSelectedId(visibleTags[visibleTags.length - 1]?.id);\n                            return;\n                        }\n\n                        if (selectedTagIndex <= 0) {\n                            setSelectedId(undefined);\n                            return;\n                        }\n\n                        setSelectedId(visibleTags[selectedTagIndex - 1]?.id);\n                        return;\n                    }\n\n                    if (event.key === 'ArrowRight') {\n                        event.preventDefault();\n\n                        if (!selectedId || selectedTagIndex < 0) {\n                            return;\n                        }\n\n                        if (selectedTagIndex >= visibleTags.length - 1) {\n                            setSelectedId(undefined);\n                            return;\n                        }\n\n                        setSelectedId(visibleTags[selectedTagIndex + 1]?.id);\n                        return;\n                    }\n\n                    if (event.key === 'Home') {\n                        event.preventDefault();\n                        setSelectedId(visibleTags[0]?.id);\n                        return;\n                    }\n\n                    if (event.key === 'End') {\n                        event.preventDefault();\n                        setSelectedId(visibleTags[visibleTags.length - 1]?.id);\n                        return;\n                    }\n\n                    if (isEnterKey || isSpaceKey || event.key === 'Backspace' || isDeleteKey) {\n                        event.preventDefault();\n\n                        if (!selectedTag) {\n                            setSelectedId(visibleTags[visibleTags.length - 1]?.id);\n                            return;\n                        }\n\n                        handleRemoveTag(selectedTag.id, visibleTags);\n                        return;\n                    }\n                }\n\n                if (isEnterKey && !shouldPreventEnter) {\n                    setCurrentValue((prevValue) => {\n                        if (!prevValue) {\n                            return '';\n                        }\n\n                        if (!shouldAllowMultiple && (tags?.length ?? 0) > 0) return '';\n\n                        const newTag = { id: uuidv4(), text: prevValue };\n\n                        if (typeof onAdd === 'function') {\n                            const onAddResult = onAdd(newTag);\n\n                            if (typeof onAddResult === 'boolean' && !onAddResult) {\n                                return prevValue;\n                            }\n\n                            if (onAddResult instanceof Promise) {\n                                void onAddResult.then((shouldAddTag) => {\n                                    if (!shouldAddTag) {\n                                        return prevValue;\n                                    }\n\n                                    return '';\n                                });\n                            }\n                        }\n\n                        return '';\n                    });\n                }\n            },\n            [\n                currentValue,\n                onAdd,\n                handleRemoveTag,\n                selectedId,\n                shouldAllowMultiple,\n                shouldPreventEnter,\n                tags,\n            ],\n        );\n\n        const handleChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                setCurrentValue(event.target.value);\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n\n                if (event.target.value !== '') {\n                    setSelectedId(undefined);\n                }\n            },\n            [onChange],\n        );\n\n        const handleIconClick = useCallback(\n            (id: string) => {\n                handleRemoveTag(id, shouldAllowMultiple ? (tags ?? []) : (tags ?? []).slice(0, 1));\n            },\n            [handleRemoveTag, shouldAllowMultiple, tags],\n        );\n\n        const content = useMemo(() => {\n            const items: ReactElement[] = [];\n\n            if (!tags) {\n                return items;\n            }\n\n            (shouldAllowMultiple ? tags : tags.slice(0, 1)).forEach(\n                ({ text, id, rightElement }) => {\n                    const isSelected = id === selectedId;\n\n                    items.push(\n                        <StyledTagInputTagFocusWrapper\n                            $isSelected={isSelected}\n                            $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                            key={`tag-input-${id}`}\n                        >\n                            <Badge\n                                backgroundColor={\n                                    isSelected ? ((theme['206'] as string) ?? undefined) : undefined\n                                }\n                            >\n                                <StyledTagInputTagWrapper>\n                                    <StyledTagInputTagWrapperText>\n                                        {text}\n                                    </StyledTagInputTagWrapperText>\n                                    {rightElement}\n                                    <Icon\n                                        icons={['ts-wrong']}\n                                        shouldEnableKeyboardHighlighting={false}\n                                        onClick={(event) => {\n                                            event.preventDefault();\n                                            event.stopPropagation();\n\n                                            handleIconClick(id);\n                                        }}\n                                    />\n                                </StyledTagInputTagWrapper>\n                            </Badge>\n                        </StyledTagInputTagFocusWrapper>,\n                    );\n                },\n            );\n\n            return items;\n        }, [\n            tags,\n            shouldAllowMultiple,\n            selectedId,\n            shouldShowKeyboardHighlighting,\n            theme,\n            handleIconClick,\n        ]);\n\n        const shouldShowInput = useMemo(\n            () => shouldAllowMultiple || (tags?.length ?? 0) < 1,\n            [tags?.length, shouldAllowMultiple],\n        );\n\n        return useMemo(\n            () => (\n                <StyledTagInput\n                    $shouldChangeColor={shouldChangeColor}\n                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                    $shouldShowTagHighlighting={shouldShowTagHighlighting}\n                >\n                    {leftElement && (\n                        <StyledTagInputIconWrapper>{leftElement}</StyledTagInputIconWrapper>\n                    )}\n                    {content}\n                    {shouldShowInput && (\n                        <StyledTagInputTagInput\n                            onBlur={onBlur}\n                            onChange={handleChange}\n                            onFocus={onFocus}\n                            onKeyDown={handleKeyDown}\n                            placeholder={tags && tags.length > 0 ? undefined : placeholder}\n                            ref={inputRef}\n                            value={currentValue}\n                        />\n                    )}\n                </StyledTagInput>\n            ),\n            [\n                content,\n                currentValue,\n                handleChange,\n                handleKeyDown,\n                leftElement,\n                onBlur,\n                onFocus,\n                placeholder,\n                shouldChangeColor,\n                shouldShowInput,\n                shouldShowKeyboardHighlighting,\n                shouldShowTagHighlighting,\n                tags,\n            ],\n        );\n    },\n);\n\nexport default TagInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/tag-input/TagInput.styles.js

@@ -47,8 +47,6 @@ const StyledTagInputTagFocusWrapper = exports.StyledTagInputTagFocusWrapper = _s
                 ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
                 border-radius: 999px;
                 outline-offset: 0;
-                color: inherit;
-                outline: solid 2px color-mix(in srgb, white 70%, transparent);
             }
         `}
 `;

package/lib/cjs/components/tag-input/TagInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagInput.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTagInput","exports","styled","div","theme","$shouldChangeColor","colorMode","$shouldShowKeyboardHighlighting","$shouldShowTagHighlighting","css","keyboardFocusHighlightingRingCss","StyledTagInputTagWrapper","StyledTagInputTagFocusWrapper","$isSelected","StyledTagInputTagWrapperText","p","StyledTagInputTagInput","input","text","StyledTagInputIconWrapper"],"sources":["../../../../src/components/tag-input/TagInput.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledTagInputProps = WithTheme<{\n    $shouldChangeColor: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n    $shouldShowTagHighlighting: boolean;\n}>;\n\ntype StyledTagInputTagFocusWrapperProps = {\n    $isSelected: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledTagInput = styled.div<StyledTagInputProps>`\n    display: flex;\n    flex-wrap: wrap;\n    min-height: 42px;\n    padding: 5px;\n    align-items: center;\n    gap: 6px;\n    background-color: ${({ theme, $shouldChangeColor }: StyledTagInputProps) =>\n        theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100']};\n    border: 1px solid rgba(160, 160, 160, 0.3);\n\n    ${({ $shouldShowKeyboardHighlighting, $shouldShowTagHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        !$shouldShowTagHighlighting &&\n        css`\n            &:focus-within {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n            }\n        `}\n`;\n\nexport const StyledTagInputTagWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n`;\n\nexport const StyledTagInputTagFocusWrapper = styled.div<StyledTagInputTagFocusWrapperProps>`\n    display: inline-flex;\n\n    ${({ $isSelected, $shouldShowKeyboardHighlighting }) =>\n        $isSelected &&\n        $shouldShowKeyboardHighlighting &&\n        css`\n            ${StyledTagInput}:focus-within & > .beta-chayns-badge {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n                border-radius: 999px;\n                outline-offset: 0;\n                color: inherit;\n                outline: solid 2px color-mix(in srgb, white 70%, transparent);\n            }\n        `}\n`;\n\nexport const StyledTagInputTagWrapperText = styled.p`\n    margin: 0;\n    flex-grow: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 15px;\n`;\n\ntype StyledTagInputTagInputProps = WithTheme<unknown>;\n\nexport const StyledTagInputTagInput = styled.input<StyledTagInputTagInputProps>`\n    border: none;\n    height: 24px;\n    flex-grow: 1;\n    background-color: transparent;\n    color: ${({ theme }: StyledTagInputTagInputProps) => theme.text};\n`;\n\nexport const StyledTagInputIconWrapper = styled.div`\n    align-items: baseline;\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    margin-left: 5px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AAAgG,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAazF,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAwB;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAEC,KAAK;EAAEC;AAAwC,CAAC,KACnED,KAAK,CAACE,SAAS,KAAK,SAAS,IAAID,kBAAkB,GAAGD,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AACzF;AACA;AACA,MAAM,CAAC;EAAEG,+BAA+B;EAAEC;AAA2B,CAAC,KAC9DD,+BAA+B,IAC/B,CAACC,0BAA0B,IAC3B,IAAAC,qBAAG;AACX;AACA;AACA,kBAAkBC,2DAAgC;AAClD;AACA,SAAS;AACT,CAAC;AAEM,MAAMC,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACC,GAAG;AAClD;AACA;AACA;AACA,CAAC;AAEM,MAAMS,6BAA6B,GAAAX,OAAA,CAAAW,6BAAA,GAAGV,yBAAM,CAACC,GAAuC;AAC3F;AACA;AACA,MAAM,CAAC;EAAEU,WAAW;EAAEN;AAAgC,CAAC,KAC/CM,WAAW,IACXN,+BAA+B,IAC/B,IAAAE,qBAAG;AACX,cAAcT,cAAc;AAC5B;AACA,kBAAkBU,2DAAgC;AAClD;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,CAAC;AAEM,MAAMI,4BAA4B,GAAAb,OAAA,CAAAa,4BAAA,GAAGZ,yBAAM,CAACa,CAAC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMC,sBAAsB,GAAAf,OAAA,CAAAe,sBAAA,GAAGd,yBAAM,CAACe,KAAkC;AAC/E;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEb;AAAmC,CAAC,KAAKA,KAAK,CAACc,IAAI;AACnE,CAAC;AAEM,MAAMC,yBAAyB,GAAAlB,OAAA,CAAAkB,yBAAA,GAAGjB,yBAAM,CAACC,GAAG;AACnD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"TagInput.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTagInput","exports","styled","div","theme","$shouldChangeColor","colorMode","$shouldShowKeyboardHighlighting","$shouldShowTagHighlighting","css","keyboardFocusHighlightingRingCss","StyledTagInputTagWrapper","StyledTagInputTagFocusWrapper","$isSelected","StyledTagInputTagWrapperText","p","StyledTagInputTagInput","input","text","StyledTagInputIconWrapper"],"sources":["../../../../src/components/tag-input/TagInput.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledTagInputProps = WithTheme<{\n    $shouldChangeColor: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n    $shouldShowTagHighlighting: boolean;\n}>;\n\ntype StyledTagInputTagFocusWrapperProps = {\n    $isSelected: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledTagInput = styled.div<StyledTagInputProps>`\n    display: flex;\n    flex-wrap: wrap;\n    min-height: 42px;\n    padding: 5px;\n    align-items: center;\n    gap: 6px;\n    background-color: ${({ theme, $shouldChangeColor }: StyledTagInputProps) =>\n        theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100']};\n    border: 1px solid rgba(160, 160, 160, 0.3);\n\n    ${({ $shouldShowKeyboardHighlighting, $shouldShowTagHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        !$shouldShowTagHighlighting &&\n        css`\n            &:focus-within {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n            }\n        `}\n`;\n\nexport const StyledTagInputTagWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n`;\n\nexport const StyledTagInputTagFocusWrapper = styled.div<StyledTagInputTagFocusWrapperProps>`\n    display: inline-flex;\n\n    ${({ $isSelected, $shouldShowKeyboardHighlighting }) =>\n        $isSelected &&\n        $shouldShowKeyboardHighlighting &&\n        css`\n            ${StyledTagInput}:focus-within & > .beta-chayns-badge {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n                border-radius: 999px;\n                outline-offset: 0;\n            }\n        `}\n`;\n\nexport const StyledTagInputTagWrapperText = styled.p`\n    margin: 0;\n    flex-grow: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 15px;\n`;\n\ntype StyledTagInputTagInputProps = WithTheme<unknown>;\n\nexport const StyledTagInputTagInput = styled.input<StyledTagInputTagInputProps>`\n    border: none;\n    height: 24px;\n    flex-grow: 1;\n    background-color: transparent;\n    color: ${({ theme }: StyledTagInputTagInputProps) => theme.text};\n`;\n\nexport const StyledTagInputIconWrapper = styled.div`\n    align-items: baseline;\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    margin-left: 5px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AAAgG,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAazF,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAwB;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAEC,KAAK;EAAEC;AAAwC,CAAC,KACnED,KAAK,CAACE,SAAS,KAAK,SAAS,IAAID,kBAAkB,GAAGD,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AACzF;AACA;AACA,MAAM,CAAC;EAAEG,+BAA+B;EAAEC;AAA2B,CAAC,KAC9DD,+BAA+B,IAC/B,CAACC,0BAA0B,IAC3B,IAAAC,qBAAG;AACX;AACA;AACA,kBAAkBC,2DAAgC;AAClD;AACA,SAAS;AACT,CAAC;AAEM,MAAMC,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACC,GAAG;AAClD;AACA;AACA;AACA,CAAC;AAEM,MAAMS,6BAA6B,GAAAX,OAAA,CAAAW,6BAAA,GAAGV,yBAAM,CAACC,GAAuC;AAC3F;AACA;AACA,MAAM,CAAC;EAAEU,WAAW;EAAEN;AAAgC,CAAC,KAC/CM,WAAW,IACXN,+BAA+B,IAC/B,IAAAE,qBAAG;AACX,cAAcT,cAAc;AAC5B;AACA,kBAAkBU,2DAAgC;AAClD;AACA;AACA;AACA,SAAS;AACT,CAAC;AAEM,MAAMI,4BAA4B,GAAAb,OAAA,CAAAa,4BAAA,GAAGZ,yBAAM,CAACa,CAAC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMC,sBAAsB,GAAAf,OAAA,CAAAe,sBAAA,GAAGd,yBAAM,CAACe,KAAkC;AAC/E;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEb;AAAmC,CAAC,KAAKA,KAAK,CAACc,IAAI;AACnE,CAAC;AAEM,MAAMC,yBAAyB,GAAAlB,OAAA,CAAAkB,yBAAA,GAAGjB,yBAAM,CAACC,GAAG;AACnD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/truncation/Truncation.styles.js

@@ -57,7 +57,6 @@ const StyledTruncationClampFocusWrapper = exports.StyledTruncationClampFocusWrap
                 transition: none;
                 ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss};
                 color: inherit;
-                outline: 2px solid rgba(255, 255, 255, 0.7);
             }
         `}
 `;

package/lib/cjs/components/truncation/Truncation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncation.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_truncation","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTruncation","exports","styled","div","StyledMotionTruncationContent","motion","StyledTruncationPseudoContent","StyledTruncationClampWrapper","$position","ClampPosition","Left","css","Middle","StyledTruncationClampFocusWrapper","$shouldShowKeyboardHighlighting","keyboardFocusHighlightingRingCss","StyledTruncationClamp","a"],"sources":["../../../../src/components/truncation/Truncation.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { ClampPosition } from '../../types/truncation';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\nexport const StyledTruncation = styled.div`\n    position: relative;\n    overflow: hidden;\n`;\n\n// Fix framer-motion bug\nexport const StyledMotionTruncationContent = styled(motion.div)`\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledTruncationPseudoContent = styled.div`\n    visibility: hidden;\n    position: absolute;\n    width: 100%;\n`;\n\ntype StyledTruncationClampWrapperProps = WithTheme<{ $position: ClampPosition }>;\n\nexport const StyledTruncationClampWrapper = styled.div<StyledTruncationClampWrapperProps>`\n    display: flex;\n\n    ${({ $position }) => {\n        switch ($position) {\n            case ClampPosition.Left:\n                return css`\n                    justify-content: left;\n                `;\n            case ClampPosition.Middle:\n                return css`\n                    justify-content: center;\n                `;\n            default:\n                return css`\n                    justify-content: right;\n                `;\n        }\n    }}\n`;\n\ntype StyledTruncationClampProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledTruncationClampFocusWrapper = styled.div<StyledTruncationClampProps>`\n    display: inline-block;\n    border-radius: 3px;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-within {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss};\n                color: inherit;\n                outline: 2px solid rgba(255, 255, 255, 0.7);\n            }\n        `}\n`;\n\nexport const StyledTruncationClamp = styled.a`\n    cursor: pointer;\n    z-index: 2;\n    display: inline-block;\n    line-height: 1.2;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,0BAAA,GAAAJ,OAAA;AAAgG,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzF,MAAMkB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA,CAAC;;AAED;AACO,MAAMC,6BAA6B,GAAAH,OAAA,CAAAG,6BAAA,GAAG,IAAAF,yBAAM,EAACG,aAAM,CAACF,GAAG,CAAC;AAC/D;AACA;AACA,CAAC;AAEM,MAAMG,6BAA6B,GAAAL,OAAA,CAAAK,6BAAA,GAAGJ,yBAAM,CAACC,GAAG;AACvD;AACA;AACA;AACA,CAAC;AAIM,MAAMI,4BAA4B,GAAAN,OAAA,CAAAM,4BAAA,GAAGL,yBAAM,CAACC,GAAsC;AACzF;AACA;AACA,MAAM,CAAC;EAAEK;AAAU,CAAC,KAAK;EACjB,QAAQA,SAAS;IACb,KAAKC,yBAAa,CAACC,IAAI;MACnB,OAAO,IAAAC,qBAAG;AAC1B;AACA,iBAAiB;IACL,KAAKF,yBAAa,CAACG,MAAM;MACrB,OAAO,IAAAD,qBAAG;AAC1B;AACA,iBAAiB;IACL;MACI,OAAO,IAAAA,qBAAG;AAC1B;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC;AAMM,MAAME,iCAAiC,GAAAZ,OAAA,CAAAY,iCAAA,GAAGX,yBAAM,CAACC,GAA+B;AACvF;AACA;AACA;AACA,MAAM,CAAC;EAAEW;AAAgC,CAAC,KAClCA,+BAA+B,IAC/B,IAAAH,qBAAG;AACX;AACA;AACA,kBAAkBI,2DAAgC;AAClD;AACA;AACA;AACA,SAAS;AACT,CAAC;AAEM,MAAMC,qBAAqB,GAAAf,OAAA,CAAAe,qBAAA,GAAGd,yBAAM,CAACe,CAAC;AAC7C;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Truncation.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_truncation","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTruncation","exports","styled","div","StyledMotionTruncationContent","motion","StyledTruncationPseudoContent","StyledTruncationClampWrapper","$position","ClampPosition","Left","css","Middle","StyledTruncationClampFocusWrapper","$shouldShowKeyboardHighlighting","keyboardFocusHighlightingRingCss","StyledTruncationClamp","a"],"sources":["../../../../src/components/truncation/Truncation.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { ClampPosition } from '../../types/truncation';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\nexport const StyledTruncation = styled.div`\n    position: relative;\n    overflow: hidden;\n`;\n\n// Fix framer-motion bug\nexport const StyledMotionTruncationContent = styled(motion.div)`\n    overflow: hidden;\n    position: relative;\n`;\n\nexport const StyledTruncationPseudoContent = styled.div`\n    visibility: hidden;\n    position: absolute;\n    width: 100%;\n`;\n\ntype StyledTruncationClampWrapperProps = WithTheme<{ $position: ClampPosition }>;\n\nexport const StyledTruncationClampWrapper = styled.div<StyledTruncationClampWrapperProps>`\n    display: flex;\n\n    ${({ $position }) => {\n        switch ($position) {\n            case ClampPosition.Left:\n                return css`\n                    justify-content: left;\n                `;\n            case ClampPosition.Middle:\n                return css`\n                    justify-content: center;\n                `;\n            default:\n                return css`\n                    justify-content: right;\n                `;\n        }\n    }}\n`;\n\ntype StyledTruncationClampProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledTruncationClampFocusWrapper = styled.div<StyledTruncationClampProps>`\n    display: inline-block;\n    border-radius: 3px;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-within {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss};\n                color: inherit;\n            }\n        `}\n`;\n\nexport const StyledTruncationClamp = styled.a`\n    cursor: pointer;\n    z-index: 2;\n    display: inline-block;\n    line-height: 1.2;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,0BAAA,GAAAJ,OAAA;AAAgG,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzF,MAAMkB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA,CAAC;;AAED;AACO,MAAMC,6BAA6B,GAAAH,OAAA,CAAAG,6BAAA,GAAG,IAAAF,yBAAM,EAACG,aAAM,CAACF,GAAG,CAAC;AAC/D;AACA;AACA,CAAC;AAEM,MAAMG,6BAA6B,GAAAL,OAAA,CAAAK,6BAAA,GAAGJ,yBAAM,CAACC,GAAG;AACvD;AACA;AACA;AACA,CAAC;AAIM,MAAMI,4BAA4B,GAAAN,OAAA,CAAAM,4BAAA,GAAGL,yBAAM,CAACC,GAAsC;AACzF;AACA;AACA,MAAM,CAAC;EAAEK;AAAU,CAAC,KAAK;EACjB,QAAQA,SAAS;IACb,KAAKC,yBAAa,CAACC,IAAI;MACnB,OAAO,IAAAC,qBAAG;AAC1B;AACA,iBAAiB;IACL,KAAKF,yBAAa,CAACG,MAAM;MACrB,OAAO,IAAAD,qBAAG;AAC1B;AACA,iBAAiB;IACL;MACI,OAAO,IAAAA,qBAAG;AAC1B;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC;AAMM,MAAME,iCAAiC,GAAAZ,OAAA,CAAAY,iCAAA,GAAGX,yBAAM,CAACC,GAA+B;AACvF;AACA;AACA;AACA,MAAM,CAAC;EAAEW;AAAgC,CAAC,KAClCA,+BAA+B,IAC/B,IAAAH,qBAAG;AACX;AACA;AACA,kBAAkBI,2DAAgC;AAClD;AACA;AACA,SAAS;AACT,CAAC;AAEM,MAAMC,qBAAqB,GAAAf,OAAA,CAAAe,qBAAA,GAAGd,yBAAM,CAACe,CAAC;AAC7C;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/index.js

@@ -507,6 +507,12 @@ Object.defineProperty(exports, "getFileAsArrayBuffer", {
     return _fileDialog.getFileAsArrayBuffer;
   }
 });
+Object.defineProperty(exports, "getHumanSize", {
+  enumerable: true,
+  get: function () {
+    return _file.getHumanSize;
+  }
+});
 Object.defineProperty(exports, "getUsableHeight", {
   enumerable: true,
   get: function () {

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_VerificationBadge","_AreaContextProvider","_interopRequireWildcard","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_Badge2","_container","_dropdown","_element","_ref","_Filter","_AnimatedNumber","_FileList","_FileSelect","_DropdownBodyWrapper","_ComboBox","_ContentCard","_HighlightSlider","_ContextMenu","_ContextMenu2","_ExpandableContent","_FileInput","_FilterButton","_FilterButtons","_GridImage","_GroupedImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_ListItem2","_MentionFinder","_MultiActionButton","_NumberInput","_PageProvider","_Popup","_PopupContent","_ProgressBar","_popup","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SelectButton","_SetupWizardItem","_SetupWizard","_SharingContextMenu","_SharingBar","_SharingButton","_Signature","_SliderButton","_Slider","_SmallWaitCursor","_TagInput","_TextArea","_Tooltip","_Truncation","_mentionFinder","_contentCard","_file","_filterButtons","_MultiActionButton2","_truncation","_environment","_fileDialog","_isTobitEmployee","_pageProvider","_uploadFile","_ComboBox2","_skeleton","_types","_Masonry","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n    type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n    type ListItemMarkedForwardRefComponent,\n    type ListItemMarkedComponent,\n    type ListItemMetaProps,\n    LIST_ITEM_MARKER,\n    withListItemMarker,\n    withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\nexport { default as Masonry } from './components/masonry/Masonry';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_VerificationBadge","_AreaContextProvider","_interopRequireWildcard","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_Badge2","_container","_dropdown","_element","_ref","_Filter","_AnimatedNumber","_FileList","_FileSelect","_DropdownBodyWrapper","_ComboBox","_ContentCard","_HighlightSlider","_ContextMenu","_ContextMenu2","_ExpandableContent","_FileInput","_FilterButton","_FilterButtons","_GridImage","_GroupedImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_ListItem2","_MentionFinder","_MultiActionButton","_NumberInput","_PageProvider","_Popup","_PopupContent","_ProgressBar","_popup","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SelectButton","_SetupWizardItem","_SetupWizard","_SharingContextMenu","_SharingBar","_SharingButton","_Signature","_SliderButton","_Slider","_SmallWaitCursor","_TagInput","_TextArea","_Tooltip","_Truncation","_mentionFinder","_contentCard","_file","_filterButtons","_MultiActionButton2","_truncation","_environment","_fileDialog","_isTobitEmployee","_pageProvider","_uploadFile","_ComboBox2","_skeleton","_types","_Masonry","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n    type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n    type ListItemMarkedForwardRefComponent,\n    type ListItemMarkedComponent,\n    type ListItemMetaProps,\n    LIST_ITEM_MARKER,\n    withListItemMarker,\n    withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType, getHumanSize } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\nexport { default as Masonry } from './components/masonry/Masonry';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,kBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,oBAAA,GAAAC,uBAAA,CAAAR,OAAA;AAIA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,SAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,oBAAA,GAAAJ,uBAAA,CAAAR,OAAA;AAIA,IAAAa,OAAA,GAAAb,OAAA;AAKA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,SAAA,GAAAf,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,IAAA,GAAAjB,OAAA;AACA,IAAAkB,OAAA,GAAAnB,sBAAA,CAAAC,OAAA;AASA,IAAAmB,eAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,SAAA,GAAArB,sBAAA,CAAAC,OAAA;AAIA,IAAAqB,WAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,oBAAA,GAAAvB,sBAAA,CAAAC,OAAA;AACA,IAAAuB,SAAA,GAAAxB,sBAAA,CAAAC,OAAA;AACA,IAAAwB,YAAA,GAAAzB,sBAAA,CAAAC,OAAA;AACA,IAAAyB,gBAAA,GAAA1B,sBAAA,CAAAC,OAAA;AAEA,IAAA0B,YAAA,GAAA3B,sBAAA,CAAAC,OAAA;AACA,IAAA2B,aAAA,GAAA3B,OAAA;AAOA,IAAA4B,kBAAA,GAAA7B,sBAAA,CAAAC,OAAA;AACA,IAAA6B,UAAA,GAAArB,uBAAA,CAAAR,OAAA;AAMA,IAAA8B,aAAA,GAAA/B,sBAAA,CAAAC,OAAA;AACA,IAAA+B,cAAA,GAAAhC,sBAAA,CAAAC,OAAA;AACA,IAAAgC,UAAA,GAAAjC,sBAAA,CAAAC,OAAA;AACA,IAAAiC,aAAA,GAAAlC,sBAAA,CAAAC,OAAA;AACA,IAAAkC,KAAA,GAAAnC,sBAAA,CAAAC,OAAA;AACA,IAAAmC,MAAA,GAAA3B,uBAAA,CAAAR,OAAA;AACA,IAAAoC,KAAA,GAAArC,sBAAA,CAAAC,OAAA;AACA,IAAAqC,gBAAA,GAAAtC,sBAAA,CAAAC,OAAA;AACA,IAAAsC,SAAA,GAAAvC,sBAAA,CAAAC,OAAA;AAOA,IAAAuC,UAAA,GAAAvC,OAAA;AAQA,IAAAwC,cAAA,GAAAzC,sBAAA,CAAAC,OAAA;AAEA,IAAAyC,kBAAA,GAAA1C,sBAAA,CAAAC,OAAA;AACA,IAAA0C,YAAA,GAAA3C,sBAAA,CAAAC,OAAA;AACA,IAAA2C,aAAA,GAAA5C,sBAAA,CAAAC,OAAA;AACA,IAAA4C,MAAA,GAAA7C,sBAAA,CAAAC,OAAA;AACA,IAAA6C,aAAA,GAAA9C,sBAAA,CAAAC,OAAA;AACA,IAAA8C,YAAA,GAAA/C,sBAAA,CAAAC,OAAA;AACA,IAAA+C,MAAA,GAAA/C,OAAA;AAEA,IAAAgD,iBAAA,GAAAjD,sBAAA,CAAAC,OAAA;AAIA,IAAAiD,YAAA,GAAAlD,sBAAA,CAAAC,OAAA;AACA,IAAAkD,WAAA,GAAAnD,sBAAA,CAAAC,OAAA;AACA,IAAAmD,UAAA,GAAApD,sBAAA,CAAAC,OAAA;AACA,IAAAoD,YAAA,GAAArD,sBAAA,CAAAC,OAAA;AACA,IAAAqD,aAAA,GAAAtD,sBAAA,CAAAC,OAAA;AACA,IAAAsD,gBAAA,GAAAvD,sBAAA,CAAAC,OAAA;AACA,IAAAuD,YAAA,GAAAxD,sBAAA,CAAAC,OAAA;AAEA,IAAAwD,mBAAA,GAAAzD,sBAAA,CAAAC,OAAA;AACA,IAAAyD,WAAA,GAAA1D,sBAAA,CAAAC,OAAA;AACA,IAAA0D,cAAA,GAAA3D,sBAAA,CAAAC,OAAA;AACA,IAAA2D,UAAA,GAAA5D,sBAAA,CAAAC,OAAA;AAEA,IAAA4D,aAAA,GAAA7D,sBAAA,CAAAC,OAAA;AACA,IAAA6D,OAAA,GAAA9D,sBAAA,CAAAC,OAAA;AACA,IAAA8D,gBAAA,GAAAtD,uBAAA,CAAAR,OAAA;AAMA,IAAA+D,SAAA,GAAAhE,sBAAA,CAAAC,OAAA;AAEA,IAAAgE,SAAA,GAAAjE,sBAAA,CAAAC,OAAA;AACA,IAAAiE,QAAA,GAAAlE,sBAAA,CAAAC,OAAA;AACA,IAAAkE,WAAA,GAAAnE,sBAAA,CAAAC,OAAA;AACA,IAAAmE,cAAA,GAAAnE,OAAA;AAGA,IAAAoE,YAAA,GAAApE,OAAA;AAEA,IAAAqE,KAAA,GAAArE,OAAA;AAEA,IAAAsE,cAAA,GAAAtE,OAAA;AAWA,IAAAuE,mBAAA,GAAAvE,OAAA;AASA,IAAAwE,WAAA,GAAAxE,OAAA;AACA,IAAAyE,YAAA,GAAAzE,OAAA;AACA,IAAA0E,WAAA,GAAA1E,OAAA;AACA,IAAA2E,gBAAA,GAAA3E,OAAA;AACA,IAAA4E,aAAA,GAAA5E,OAAA;AACA,IAAA6E,WAAA,GAAA7E,OAAA;AAEA,IAAA8E,UAAA,GAAA9E,OAAA;AAOA,IAAA+E,SAAA,GAAAhF,sBAAA,CAAAC,OAAA;AACA,IAAAgF,MAAA,GAAAhF,OAAA;AACA,IAAAiF,QAAA,GAAAlF,sBAAA,CAAAC,OAAA;AAAkE,SAAAQ,wBAAA0E,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAA5E,uBAAA,YAAAA,CAAA0E,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAApF,uBAAAmF,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA","ignoreList":[]}

package/lib/cjs/utils/keyboardFocusHighlighting.styles.js

@@ -10,18 +10,17 @@ var _styledComponents = require("styled-components");
  * Apply this only when keyboard highlighting is enabled/active.
  */
 const keyboardFocusHighlightingRingCss = exports.keyboardFocusHighlightingRingCss = (0, _styledComponents.css)`
-    outline: solid 2px color-mix(in srgb, currentColor 70%, transparent);
+    outline: solid 2px color-mix(in srgb, white 70%, transparent);
     box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
     border-radius: 3px;
     outline-offset: 1px;
-    color: white;
 `;
 
 /**
  * Circular focus ring variant for round controls (e.g. RadioButton).
  */
 const keyboardFocusHighlightingCircleRingCss = exports.keyboardFocusHighlightingCircleRingCss = (0, _styledComponents.css)`
-    outline: solid 2px color-mix(in srgb, currentColor 70%, transparent);
+    outline: solid 2px color-mix(in srgb, white 70%, transparent);
     box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
     border-radius: 50%;
     outline-offset: 1px;

package/lib/cjs/utils/keyboardFocusHighlighting.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardFocusHighlighting.styles.js","names":["_styledComponents","require","keyboardFocusHighlightingRingCss","exports","css","keyboardFocusHighlightingCircleRingCss"],"sources":["../../../src/utils/keyboardFocusHighlighting.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\n/**\n * Shared focus ring for components with keyboard-only highlighting.\n * Apply this only when keyboard highlighting is enabled/active.\n */\nexport const keyboardFocusHighlightingRingCss = css`\n    outline: solid 2px color-mix(in srgb, currentColor 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 3px;\n    outline-offset: 1px;\n    color: white;\n`;\n\n/**\n * Circular focus ring variant for round controls (e.g. RadioButton).\n */\nexport const keyboardFocusHighlightingCircleRingCss = css`\n    outline: solid 2px color-mix(in srgb, currentColor 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 50%;\n    outline-offset: 1px;\n    color: white;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMC,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAAG,IAAAE,qBAAG;AACnD;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACO,MAAMC,sCAAsC,GAAAF,OAAA,CAAAE,sCAAA,GAAG,IAAAD,qBAAG;AACzD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"keyboardFocusHighlighting.styles.js","names":["_styledComponents","require","keyboardFocusHighlightingRingCss","exports","css","keyboardFocusHighlightingCircleRingCss"],"sources":["../../../src/utils/keyboardFocusHighlighting.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\n/**\n * Shared focus ring for components with keyboard-only highlighting.\n * Apply this only when keyboard highlighting is enabled/active.\n */\nexport const keyboardFocusHighlightingRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 3px;\n    outline-offset: 1px;\n`;\n\n/**\n * Circular focus ring variant for round controls (e.g. RadioButton).\n */\nexport const keyboardFocusHighlightingCircleRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 50%;\n    outline-offset: 1px;\n    color: white;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMC,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAAG,IAAAE,qBAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACO,MAAMC,sCAAsC,GAAAF,OAAA,CAAAE,sCAAA,GAAG,IAAAD,qBAAG;AACzD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/accordion/Accordion.js

@@ -78,7 +78,7 @@ const Accordion = ({
   const onCloseRef = useRef(onClose);
   const onOpenRef = useRef(onOpen);
   const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(shouldEnableKeyboardHighlightingEffective);
-  const isKeyboardFocusable = shouldIndex || shouldEnableKeyboardHighlightingEffective;
+  const isKeyboardFocusable = !isDisabled && (shouldIndex || shouldEnableKeyboardHighlightingEffective);
   const isInKeyboardNavigationGroup = isKeyboardFocusable && typeof updateActiveAccordionUuid === 'function' && typeof accordionGroupUuid === 'string';
   useEffect(() => {
     if (typeof accordionGroupUuid === 'string' && typeof registerAccordionUuid === 'function' && typeof unregisterAccordionUuid === 'function') {