@amboss/design-system 3.15.7 → 3.15.8
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.
- package/build/cjs/components/NavBar/NavBar.d.ts +1 -1
- package/build/cjs/components/NavBar/NavBarTabButton.d.ts +2 -1
- package/build/cjs/components/NavBar/NavBarTabButton.js +1 -1
- package/build/esm/components/NavBar/NavBar.d.ts +1 -1
- package/build/esm/components/NavBar/NavBarTabButton.d.ts +2 -1
- package/build/esm/components/NavBar/NavBarTabButton.js +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ export declare namespace NavBar {
|
|
|
14
14
|
var SubMenuContainer: ({ children, name, "data-e2e-test-id": dataE2eTestId, }: SubThemeProviderProps & {
|
|
15
15
|
name: NavBarName;
|
|
16
16
|
}) => React.ReactElement;
|
|
17
|
-
var TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, onBlur, onClick, onFocus, ...rest }: import("./NavBarTabButton").NavBarTabButtonProps) => React.ReactNode;
|
|
17
|
+
var TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, isCompact, onBlur, onClick, onFocus, ...rest }: import("./NavBarTabButton").NavBarTabButtonProps) => React.ReactNode;
|
|
18
18
|
var DropdownTriggerButton: React.ForwardRefExoticComponent<Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
|
|
19
19
|
children?: React.ReactNode | undefined;
|
|
20
20
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2,10 +2,11 @@ import type { AriaAttributes } from "react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
export type NavBarTabButtonProps = {
|
|
4
4
|
isActive?: boolean;
|
|
5
|
+
isCompact?: boolean;
|
|
5
6
|
onClick?: (e: React.MouseEvent) => void;
|
|
6
7
|
onFocus?: (e: React.FocusEvent) => void;
|
|
7
8
|
onBlur?: (e: React.FocusEvent) => void;
|
|
8
9
|
ariaAttributes?: AriaAttributes;
|
|
9
10
|
children?: React.ReactNode;
|
|
10
11
|
};
|
|
11
|
-
export declare const NavBarTabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, onBlur, onClick, onFocus, ...rest }: NavBarTabButtonProps) => React.ReactNode;
|
|
12
|
+
export declare const NavBarTabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, isCompact, onBlur, onClick, onFocus, ...rest }: NavBarTabButtonProps) => React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBarTabButton",{enumerable:!0,get:function(){return NavBarTabButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),StyledButton=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NavBarTabButton",{enumerable:!0,get:function(){return NavBarTabButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),StyledButton=(0,/*#__PURE__*/_interop_require_default._(require("@emotion/styled")).default)("button",{target:"e1m22c6i0",label:"StyledButton"})(({theme,isActive,isCompact})=>{let size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`;return{"&[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.xxxs}`,color:theme.values.color.text.secondary.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}},...isActive&&{cursor:"default",zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default,paddingBottom:theme.variables.size.spacing.s,marginBottom:theme.variables.size.spacing.xs,...!isCompact&&{paddingBottom:theme.variables.size.spacing.m,marginBottom:0,borderBottomRightRadius:0,borderBottomLeftRadius:0,"&:before":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,left:`-${size}`,borderBottomRightRadius:borderBottomRadius,boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`},"&:after":{right:`-${size}`,borderBottomLeftRadius:borderBottomRadius,content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`}}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxQYXJ0aWFsPE5hdkJhclRhYkJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCBpc0FjdGl2ZSwgaXNDb21wYWN0IH0pID0+IHtcbiAgICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuICAgIGNvbnN0IGJvcmRlckJvdHRvbVJhZGl1cyA9IGBjYWxjKCR7c2l6ZX0gLSAke3NoYWRvd09mZnNldH0pYDtcbiAgICByZXR1cm4ge1xuICAgICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG5cbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG5cbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcblxuICAgICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oaXNBY3RpdmUgJiYge1xuICAgICAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgICAgIC4uLighaXNDb21wYWN0ICYmIHtcbiAgICAgICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAsXG4gICAgICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBsZWZ0OiBgLSR7c2l6ZX1gLFxuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlckJvdHRvbVJhZGl1cyxcbiAgICAgICAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgcmlnaHQ6IGAtJHtzaXplfWAsXG4gICAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJCb3R0b21SYWRpdXMsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBib3hTaGFkb3c6IGAtJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIE5hdkJhclRhYkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyVGFiQnV0dG9uID0gKHtcbiAgYXJpYUF0dHJpYnV0ZXM6IHRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gIGNoaWxkcmVuLFxuICBpc0FjdGl2ZSxcbiAgaXNDb21wYWN0LFxuICBvbkJsdXIsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IE5hdkJhclRhYkJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3ROb2RlID0+IHtcbiAgY29uc3QgYXJpYUF0dHJpYnV0ZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBiYXNlQXR0cmlidXRlcyA9IHtcbiAgICAgIC4uLnRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gICAgICBcImFyaWEtZGlzYWJsZWRcIjogaXNBY3RpdmUsXG4gICAgICB0YWJJbmRleDogaXNBY3RpdmUgPyAtMSA6IDAsXG4gICAgfTtcblxuICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uYmFzZUF0dHJpYnV0ZXMsXG4gICAgICAgIFwiYXJpYS1jdXJyZW50XCI6IFwicGFnZVwiIGFzIGNvbnN0LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gYmFzZUF0dHJpYnV0ZXM7XG4gIH0sIFtpc0FjdGl2ZSwgdGhlaXJBcmlhQXR0cmlidXRlc10pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNBY3RpdmUgJiYgb25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2xpY2ssIGlzQWN0aXZlXVxuICApO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgaXNDb21wYWN0PXtpc0NvbXBhY3R9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIifQ== */"),NavBarTabButton=({ariaAttributes:theirAriaAttributes,children,isActive,isCompact,onBlur,onClick,onFocus,...rest})=>{let ariaAttributes=(0,_react.useMemo)(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=(0,_react.useCallback)(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]);return _react.default.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children)};
|
|
@@ -14,7 +14,7 @@ export declare namespace NavBar {
|
|
|
14
14
|
var SubMenuContainer: ({ children, name, "data-e2e-test-id": dataE2eTestId, }: SubThemeProviderProps & {
|
|
15
15
|
name: NavBarName;
|
|
16
16
|
}) => React.ReactElement;
|
|
17
|
-
var TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, onBlur, onClick, onFocus, ...rest }: import("./NavBarTabButton").NavBarTabButtonProps) => React.ReactNode;
|
|
17
|
+
var TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, isCompact, onBlur, onClick, onFocus, ...rest }: import("./NavBarTabButton").NavBarTabButtonProps) => React.ReactNode;
|
|
18
18
|
var DropdownTriggerButton: React.ForwardRefExoticComponent<Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
|
|
19
19
|
children?: React.ReactNode | undefined;
|
|
20
20
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2,10 +2,11 @@ import type { AriaAttributes } from "react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
export type NavBarTabButtonProps = {
|
|
4
4
|
isActive?: boolean;
|
|
5
|
+
isCompact?: boolean;
|
|
5
6
|
onClick?: (e: React.MouseEvent) => void;
|
|
6
7
|
onFocus?: (e: React.FocusEvent) => void;
|
|
7
8
|
onBlur?: (e: React.FocusEvent) => void;
|
|
8
9
|
ariaAttributes?: AriaAttributes;
|
|
9
10
|
children?: React.ReactNode;
|
|
10
11
|
};
|
|
11
|
-
export declare const NavBarTabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, onBlur, onClick, onFocus, ...rest }: NavBarTabButtonProps) => React.ReactNode;
|
|
12
|
+
export declare const NavBarTabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, isCompact, onBlur, onClick, onFocus, ...rest }: NavBarTabButtonProps) => React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback,useMemo}from"react";import styled from"@emotion/styled";let StyledButton=styled("button",{target:"
|
|
1
|
+
import React,{useCallback,useMemo}from"react";import styled from"@emotion/styled";let StyledButton=styled("button",{target:"e1m22c6i0",label:"StyledButton"})(({theme,isActive,isCompact})=>{let size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`;return{"&[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.xxxs}`,color:theme.values.color.text.secondary.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}},...isActive&&{cursor:"default",zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default,paddingBottom:theme.variables.size.spacing.s,marginBottom:theme.variables.size.spacing.xs,...!isCompact&&{paddingBottom:theme.variables.size.spacing.m,marginBottom:0,borderBottomRightRadius:0,borderBottomLeftRadius:0,"&:before":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,left:`-${size}`,borderBottomRightRadius:borderBottomRadius,boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`},"&:after":{right:`-${size}`,borderBottomLeftRadius:borderBottomRadius,content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`}}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxQYXJ0aWFsPE5hdkJhclRhYkJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCBpc0FjdGl2ZSwgaXNDb21wYWN0IH0pID0+IHtcbiAgICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuICAgIGNvbnN0IGJvcmRlckJvdHRvbVJhZGl1cyA9IGBjYWxjKCR7c2l6ZX0gLSAke3NoYWRvd09mZnNldH0pYDtcbiAgICByZXR1cm4ge1xuICAgICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG5cbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG5cbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcblxuICAgICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oaXNBY3RpdmUgJiYge1xuICAgICAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgICAgIC4uLighaXNDb21wYWN0ICYmIHtcbiAgICAgICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAsXG4gICAgICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBsZWZ0OiBgLSR7c2l6ZX1gLFxuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlckJvdHRvbVJhZGl1cyxcbiAgICAgICAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgcmlnaHQ6IGAtJHtzaXplfWAsXG4gICAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJCb3R0b21SYWRpdXMsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBib3hTaGFkb3c6IGAtJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIE5hdkJhclRhYkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyVGFiQnV0dG9uID0gKHtcbiAgYXJpYUF0dHJpYnV0ZXM6IHRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gIGNoaWxkcmVuLFxuICBpc0FjdGl2ZSxcbiAgaXNDb21wYWN0LFxuICBvbkJsdXIsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IE5hdkJhclRhYkJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3ROb2RlID0+IHtcbiAgY29uc3QgYXJpYUF0dHJpYnV0ZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBiYXNlQXR0cmlidXRlcyA9IHtcbiAgICAgIC4uLnRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gICAgICBcImFyaWEtZGlzYWJsZWRcIjogaXNBY3RpdmUsXG4gICAgICB0YWJJbmRleDogaXNBY3RpdmUgPyAtMSA6IDAsXG4gICAgfTtcblxuICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uYmFzZUF0dHJpYnV0ZXMsXG4gICAgICAgIFwiYXJpYS1jdXJyZW50XCI6IFwicGFnZVwiIGFzIGNvbnN0LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gYmFzZUF0dHJpYnV0ZXM7XG4gIH0sIFtpc0FjdGl2ZSwgdGhlaXJBcmlhQXR0cmlidXRlc10pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNBY3RpdmUgJiYgb25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2xpY2ssIGlzQWN0aXZlXVxuICApO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgaXNDb21wYWN0PXtpc0NvbXBhY3R9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIifQ== */");export const NavBarTabButton=({ariaAttributes:theirAriaAttributes,children,isActive,isCompact,onBlur,onClick,onFocus,...rest})=>{let ariaAttributes=useMemo(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=useCallback(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]);return React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children)};
|