npm - @amboss/design-system - Versions diffs - 3.36.2 → 3.36.3--canary-3 - Mend

@amboss/design-system 3.36.2 → 3.36.3--canary-3

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

Files changed (53) hide show

package/build/esm/components/NavBar/NavBarTabButton.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import React from "react";
-export type NavBarTabButtonProps = {
-    isActive?: boolean;
-    isCompact?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    onFocus?: (e: React.FocusEvent) => void;
-    onBlur?: (e: React.FocusEvent) => void;
-    children?: React.ReactNode;
-};
-export declare const NavBarTabButton: ({ children, isActive, isCompact, onBlur, onClick, onFocus, ...ariaAttributes }: NavBarTabButtonProps) => React.ReactNode;

package/build/esm/components/NavBar/NavBarTabButton.js DELETED Viewed

@@ -1 +0,0 @@

- import React,{useCallback,useContext,useEffect,useRef}from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledButton=styled("button",{target:"ewnv9r60",label:"StyledButton"})(({theme,isActive,isCompact,shouldAnimate})=>{let{duration,delay,timingFunction}=theme.variables.animation.navBarTabButton.open,expanded=isActive&&!isCompact,size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`,compactMarginBottom=theme.variables.size.spacing.xs,compactBottomRadius=theme.variables.size.borderRadius.xs,transitionsEnabled=!!shouldAnimate,baseTransitionDuration=transitionsEnabled?duration:"0ms",baseTransitionDelay="0ms",pseudoTransitionDelay="0ms";return transitionsEnabled&&(baseTransitionDelay=expanded?"unset":delay,pseudoTransitionDelay=expanded?delay:"unset"),{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxs}`,color:theme.values.color.text.tertiary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},marginBottom:compactMarginBottom,borderBottomLeftRadius:compactBottomRadius,borderBottomRightRadius:compactBottomRadius,transitionProperty:"margin-bottom, padding-bottom, border-bottom-left-radius, border-bottom-right-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:baseTransitionDelay,"&:before, &:after":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,opacity:+!!expanded,transitionProperty:"opacity, transform, border-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:pseudoTransitionDelay},"&:before":{transform:expanded?"scale(1) translate(-28px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomRightRadius:expanded?borderBottomRadius:0},"&:after":{transform:expanded?"scale(1) translate(16px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomLeftRadius:expanded?borderBottomRadius:0},...isActive&&{zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default},...expanded&&{marginBottom:0,paddingBottom:`calc(${theme.variables.size.spacing.m} + ${shadowOffset})`,borderBottomLeftRadius:0,borderBottomRightRadius:0}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3ViVGhlbWVQcm92aWRlciB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIik8XG4gIFBhcnRpYWw8TmF2QmFyVGFiQnV0dG9uUHJvcHM+ICYgeyBzaG91bGRBbmltYXRlPzogYm9vbGVhbiB9XG4+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgaXNDb21wYWN0LCBzaG91bGRBbmltYXRlIH0pID0+IHtcbiAgY29uc3QgeyBkdXJhdGlvbiwgZGVsYXksIHRpbWluZ0Z1bmN0aW9uIH0gPVxuICAgIHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubmF2QmFyVGFiQnV0dG9uLm9wZW47XG4gIGNvbnN0IGV4cGFuZGVkID0gaXNBY3RpdmUgJiYgIWlzQ29tcGFjdDtcbiAgY29uc3Qgc2l6ZSA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucztcbiAgY29uc3Qgc2hhZG93T2Zmc2V0ID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHM7XG4gIGNvbnN0IGJvcmRlckJvdHRvbVJhZGl1cyA9IGBjYWxjKCR7c2l6ZX0gLSAke3NoYWRvd09mZnNldH0pYDtcblxuICBjb25zdCBjb21wYWN0TWFyZ2luQm90dG9tID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cztcbiAgY29uc3QgY29tcGFjdEJvdHRvbVJhZGl1cyA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cztcbiAgY29uc3QgdHJhbnNpdGlvbnNFbmFibGVkID0gQm9vbGVhbihzaG91bGRBbmltYXRlKTtcblxuICBjb25zdCBiYXNlVHJhbnNpdGlvbkR1cmF0aW9uID0gdHJhbnNpdGlvbnNFbmFibGVkID8gZHVyYXRpb24gOiBcIjBtc1wiO1xuXG4gIGxldCBiYXNlVHJhbnNpdGlvbkRlbGF5ID0gXCIwbXNcIjtcbiAgbGV0IHBzZXVkb1RyYW5zaXRpb25EZWxheSA9IFwiMG1zXCI7XG5cbiAgaWYgKHRyYW5zaXRpb25zRW5hYmxlZCkge1xuICAgIGJhc2VUcmFuc2l0aW9uRGVsYXkgPSBleHBhbmRlZCA/IFwidW5zZXRcIiA6IGRlbGF5O1xuICAgIHBzZXVkb1RyYW5zaXRpb25EZWxheSA9IGV4cGFuZGVkID8gZGVsYXkgOiBcInVuc2V0XCI7XG4gIH1cblxuICByZXR1cm4ge1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcblxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgYm9yZGVyOiAwLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAxLFxuXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfWAsXG5cbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcblxuICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgbWFyZ2luQm90dG9tOiBjb21wYWN0TWFyZ2luQm90dG9tLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGNvbXBhY3RCb3R0b21SYWRpdXMsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGNvbXBhY3RCb3R0b21SYWRpdXMsXG5cbiAgICB0cmFuc2l0aW9uUHJvcGVydHk6XG4gICAgICBcIm1hcmdpbi1ib3R0b20sIHBhZGRpbmctYm90dG9tLCBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzLCBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1c1wiLFxuICAgIHRyYW5zaXRpb25EdXJhdGlvbjogYmFzZVRyYW5zaXRpb25EdXJhdGlvbixcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRpbWluZ0Z1bmN0aW9uLFxuICAgIHRyYW5zaXRpb25EZWxheTogYmFzZVRyYW5zaXRpb25EZWxheSxcblxuICAgIFwiJjpiZWZvcmUsICY6YWZ0ZXJcIjoge1xuICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIGJvdHRvbTogMCxcbiAgICAgIHpJbmRleDogMSxcbiAgICAgIHdpZHRoOiBzaXplLFxuICAgICAgaGVpZ2h0OiBzaXplLFxuXG4gICAgICBvcGFjaXR5OiBleHBhbmRlZCA/IDEgOiAwLFxuXG4gICAgICB0cmFuc2l0aW9uUHJvcGVydHk6IFwib3BhY2l0eSwgdHJhbnNmb3JtLCBib3JkZXItcmFkaXVzXCIsXG4gICAgICB0cmFuc2l0aW9uRHVyYXRpb246IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24sXG4gICAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRpbWluZ0Z1bmN0aW9uLFxuICAgICAgdHJhbnNpdGlvbkRlbGF5OiBwc2V1ZG9UcmFuc2l0aW9uRGVsYXksXG4gICAgfSxcblxuICAgIFwiJjpiZWZvcmVcIjoge1xuICAgICAgdHJhbnNmb3JtOiBleHBhbmRlZFxuICAgICAgICA/IGBzY2FsZSgxKSB0cmFuc2xhdGUoLTI4cHgsIDApYFxuICAgICAgICA6IGBzY2FsZSgwLjUpIHRyYW5zbGF0ZSgwcHgsIC00cHgpYCxcbiAgICAgIHRyYW5zZm9ybU9yaWdpbjogXCIxMDAlIDEwMCVcIixcbiAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogZXhwYW5kZWQgPyBib3JkZXJCb3R0b21SYWRpdXMgOiAwLFxuICAgIH0sXG5cbiAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgdHJhbnNmb3JtOiBleHBhbmRlZFxuICAgICAgICA/IGBzY2FsZSgxKSB0cmFuc2xhdGUoMTZweCwgMClgXG4gICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgdHJhbnNmb3JtT3JpZ2luOiBcIjEwMCUgMTAwJVwiLFxuICAgICAgYm94U2hhZG93OiBgLSR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgfSxcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICB6SW5kZXg6IDAsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICAgIH0pLFxuXG4gICAgLi4uKGV4cGFuZGVkICYmIHtcbiAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSArICR7c2hhZG93T2Zmc2V0fSlgLFxuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmV4cG9ydCB0eXBlIE5hdkJhclRhYkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyVGFiQnV0dG9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIGlzQWN0aXZlLFxuICBpc0NvbXBhY3QsXG4gIG9uQmx1cixcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IE5hdkJhclRhYkJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3ROb2RlID0+IHtcbiAgY29uc3QgcHJldmlvdXNJc0NvbXBhY3RSZWYgPSB1c2VSZWYoaXNDb21wYWN0KTtcbiAgY29uc3QgcHJldmlvdXNJc0FjdGl2ZVJlZiA9IHVzZVJlZihpc0FjdGl2ZSk7XG4gIGNvbnN0IGJlY2FtZUluYWN0aXZlID1cbiAgICBwcmV2aW91c0lzQWN0aXZlUmVmLmN1cnJlbnQgPT09IHRydWUgJiYgaXNBY3RpdmUgPT09IGZhbHNlO1xuICBjb25zdCBzaG91bGRBbmltYXRlID1cbiAgICAhYmVjYW1lSW5hY3RpdmUgJiYgcHJldmlvdXNJc0NvbXBhY3RSZWYuY3VycmVudCAhPT0gaXNDb21wYWN0O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcHJldmlvdXNJc0NvbXBhY3RSZWYuY3VycmVudCA9IGlzQ29tcGFjdDtcbiAgfSwgW2lzQ29tcGFjdF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcHJldmlvdXNJc0FjdGl2ZVJlZi5jdXJyZW50ID0gaXNBY3RpdmU7XG4gIH0sIFtpc0FjdGl2ZV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGlja11cbiAgKTtcblxuICBjb25zdCBwYXJlbnRTdWJUaGVtZSA9IHVzZUNvbnRleHQoU3ViVGhlbWVDb250ZXh0KTtcblxuICBsZXQgYWN0aXZlU3ViVGhlbWU6IFwiZGltbWVkU3VidGxlXCIgfCBcImJyYW5kU3VidGxlXCIgfCB1bmRlZmluZWQ7XG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIGlmIChwYXJlbnRTdWJUaGVtZSA9PT0gXCJkaW1tZWRcIikge1xuICAgICAgYWN0aXZlU3ViVGhlbWUgPSBcImRpbW1lZFN1YnRsZVwiO1xuICAgIH0gZWxzZSBpZiAocGFyZW50U3ViVGhlbWUgPT09IFwiYnJhbmRcIikge1xuICAgICAgYWN0aXZlU3ViVGhlbWUgPSBcImJyYW5kU3VidGxlXCI7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlciBuYW1lPXthY3RpdmVTdWJUaGVtZX0+XG4gICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17aXNBY3RpdmV9XG4gICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgdGFiSW5kZXg9e2lzQWN0aXZlID8gLTEgOiAwfVxuICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNcUIifQ== */");export const NavBarTabButton=({children,isActive,isCompact,onBlur,onClick,onFocus,...ariaAttributes})=>{let activeSubTheme,previousIsCompactRef=useRef(isCompact),previousIsActiveRef=useRef(isActive),shouldAnimate=(!0!==previousIsActiveRef.current||!1!==isActive)&&previousIsCompactRef.current!==isCompact;useEffect(()=>{previousIsCompactRef.current=isCompact},[isCompact]),useEffect(()=>{previousIsActiveRef.current=isActive},[isActive]);let handleClick=useCallback(e=>{onClick&&onClick(e)},[onClick]),parentSubTheme=useContext(SubThemeContext);return isActive&&("dimmed"===parentSubTheme?activeSubTheme="dimmedSubtle":"brand"===parentSubTheme&&(activeSubTheme="brandSubtle")),React.createElement(SubThemeProvider,{name:activeSubTheme},React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,shouldAnimate:shouldAnimate,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...ariaAttributes,"aria-disabled":isActive,"aria-current":isActive?"page":void 0,tabIndex:isActive?-1:0,role:"tab"},children))};