@razorpay/blade 11.15.0 → 11.15.1
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/lib/web/development/components/Tabs/TabItem.web.js +1 -0
- package/build/lib/web/development/components/Tabs/TabItem.web.js.map +1 -1
- package/build/lib/web/production/components/Tabs/TabItem.web.js +1 -0
- package/build/lib/web/production/components/Tabs/TabItem.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -120,6 +120,7 @@ var TabItem = function TabItem(_ref3) {
|
|
|
120
120
|
var interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];
|
|
121
121
|
return /*#__PURE__*/jsx(CompositeItem, {
|
|
122
122
|
render: /*#__PURE__*/jsxs(StyledTabButton, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
123
|
+
type: "button",
|
|
123
124
|
as: href ? 'a' : 'button',
|
|
124
125
|
href: href,
|
|
125
126
|
isVertical: isVertical,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport styled from 'styled-components';\nimport React from 'react';\nimport { CompositeItem } from '@floating-ui/react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { useTabsContext } from './TabsContext';\nimport { backgroundColor, paddingY, paddingX, textColor, iconColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, getMediaQuery, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { breakpoints } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledTabButton = styled.button<{\n size: TabsProps['size'];\n isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n variant: NonNullable<TabsProps['variant']>;\n isVertical: boolean;\n isSelected: boolean;\n}>(({ theme, isSelected, size, variant, isFullWidthTabItem, isVertical }) => {\n const isFilled = variant === 'filled';\n const orientation = isVertical ? 'vertical' : 'horizontal';\n const border = isVertical ? 'borderLeft' : 'borderBottom';\n const selectedState: 'selected' | 'unselected' = isSelected ? 'selected' : 'unselected';\n const _variant = variant === 'borderless' ? 'bordered' : variant;\n const background = backgroundColor[selectedState][_variant];\n\n return {\n appearance: 'none',\n textDecoration: 'none',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: isVertical ? 'left' : 'center',\n gap: makeSpace(theme.spacing[3]),\n width: isFullWidthTabItem ? '100%' : undefined,\n\n // Padding\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n\n [`@media ${getMediaQuery({ min: breakpoints.base, max: breakpoints.m })}`]: {\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n },\n\n // colors\n backgroundColor:\n isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.default),\n borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0,\n [`${border}Style`]: 'solid',\n [`${border}Width`]: isFilled\n ? 0\n : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin),\n [`${border}Color`]:\n isVertical && isSelected ? theme.colors.interactive.border.primary.default : 'transparent',\n\n // states\n '&:hover': {\n [`${border}Color`]:\n isVertical && isSelected\n ? theme.colors.interactive.border.primary.default\n : theme.colors.interactive.border.gray.highlighted,\n backgroundColor:\n // Don't want to show hover state on filled tabs when vertical because\n // The hover color needs to be on the TabIndicator instead.\n isSelected && isFilled && !isVertical\n ? 'transparent'\n : getIn(theme, background.highlighted),\n },\n '&:disabled': {\n cursor: 'not-allowed',\n backgroundColor: getIn(theme, background.disabled),\n },\n '&:focus-visible': {\n borderRadius: makeSpace(theme.border.radius.medium),\n boxShadow: `0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n backgroundColor: getIn(theme, background.highlighted),\n },\n\n transitionProperty: 'all',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n '*': {\n transitionProperty: 'color, fill',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n },\n };\n});\n\nconst TabItem = ({\n children,\n value,\n leading: Leading,\n trailing,\n isDisabled = false,\n href,\n onClick,\n}: TabItemProps): React.ReactElement => {\n const {\n size,\n isFullWidthTabItem,\n selectedValue,\n setSelectedValue,\n baseId,\n variant,\n isVertical,\n } = useTabsContext();\n const { currentInteraction, ...interactionProps } = useInteraction();\n const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size!);\n const isSelected = selectedValue === value;\n const selectedState = isSelected ? 'selected' : 'unselected';\n const panelId = `${baseId}-${value}-tabpanel`;\n const tabItemId = `${baseId}-${value}-tabitem`;\n const isFilled = variant === 'filled';\n\n const interactionMap = {\n default: 'default',\n hover: 'highlighted',\n focus: 'highlighted',\n disabled: 'disabled',\n } as const;\n const interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];\n\n return (\n <CompositeItem\n render={\n <StyledTabButton\n as={href ? 'a' : 'button'}\n href={href}\n isVertical={isVertical}\n isSelected={isSelected}\n variant={variant!}\n isFullWidthTabItem={isFullWidthTabItem || isFilled}\n id={tabItemId}\n size={size}\n disabled={isDisabled}\n {...interactionProps}\n onClick={(e: React.MouseEvent) => {\n setSelectedValue?.(() => value);\n onClick?.(e);\n }}\n {...makeAccessible({\n role: 'tab',\n selected: isSelected,\n controls: panelId,\n })}\n {...metaAttribute({ name: MetaConstants.TabItem })}\n >\n {Leading ? (\n <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n ) : null}\n <Text\n color={textColor[selectedState][interaction]}\n size={size === 'medium' ? 'medium' : 'large'}\n weight=\"semibold\"\n >\n {children}\n </Text>\n {validatedTrailingComponent}\n </StyledTabButton>\n }\n />\n );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","_ref2","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingY","desktop","paddingBottom","paddingLeft","paddingX","paddingRight","_defineProperty","concat","getMediaQuery","min","breakpoints","base","max","m","mobile","radius","small","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","borderRadius","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","effective","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_objectWithoutProperties","_excluded","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAMlC,CAAA,CAAA,UAAAC,IAAA,EAA0E;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAvEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAEC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAAEC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAA;AACpE,EAAA,IAAMC,QAAQ,GAAGH,OAAO,KAAK,QAAQ,CAAA;AACrC,EAAA,IAAMI,WAAW,GAAGF,UAAU,GAAG,UAAU,GAAG,YAAY,CAAA;AAC1D,EAAA,IAAMG,MAAM,GAAGH,UAAU,GAAG,YAAY,GAAG,cAAc,CAAA;AACzD,EAAA,IAAMI,aAAwC,GAAGR,UAAU,GAAG,UAAU,GAAG,YAAY,CAAA;EACvF,IAAMS,QAAQ,GAAGP,OAAO,KAAK,YAAY,GAAG,UAAU,GAAGA,OAAO,CAAA;EAChE,IAAMQ,UAAU,GAAGC,eAAe,CAACH,aAAa,CAAC,CAACC,QAAQ,CAAC,CAAA;AAE3D,EAAA,OAAAX,KAAA,GAAA;AACEc,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,cAAc,EAAE,MAAM;AACtBN,IAAAA,MAAM,EAAE,MAAM;AACdO,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAEd,UAAU,GAAG,MAAM,GAAG,QAAQ;IAC9Ce,GAAG,EAAEC,SAAS,CAACrB,KAAK,CAACsB,OAAO,CAAC,CAAC,CAAC,CAAC;AAChCC,IAAAA,KAAK,EAAEnB,kBAAkB,GAAG,MAAM,GAAGoB,SAAS;AAE9C;IACAC,UAAU,EAAEJ,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE2B,QAAQ,CAACjB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACqB,OAAO,CAAC1B,IAAI,CAAE,CAAC,CAAC;IACnF2B,aAAa,EAAER,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE2B,QAAQ,CAACjB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACqB,OAAO,CAAC1B,IAAI,CAAE,CAAC,CAAC;IACtF4B,WAAW,EAAET,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE+B,QAAQ,CAACrB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACqB,OAAO,CAAC1B,IAAI,CAAE,CAAC,CAAC;AACpF8B,IAAAA,YAAY,EAAEX,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE+B,QAAQ,CAACrB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACqB,OAAO,CAAC1B,IAAI,CAAE,CAAC,CAAA;GAAC+B,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAlC,KAAA,EAAAmC,SAAAA,CAAAA,MAAA,CAE1EC,aAAa,CAAC;IAAEC,GAAG,EAAEC,WAAW,CAACC,IAAI;IAAEC,GAAG,EAAEF,WAAW,CAACG,CAAAA;AAAE,GAAC,CAAC,CAAK,EAAA;IAC1Ef,UAAU,EAAEJ,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE2B,QAAQ,CAACjB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACkC,MAAM,CAACvC,IAAI,CAAE,CAAC,CAAC;IAClF2B,aAAa,EAAER,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE2B,QAAQ,CAACjB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACkC,MAAM,CAACvC,IAAI,CAAE,CAAC,CAAC;IACrF4B,WAAW,EAAET,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE+B,QAAQ,CAACrB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACkC,MAAM,CAACvC,IAAI,CAAE,CAAC,CAAC;AACnF8B,IAAAA,YAAY,EAAEX,SAAS,CAACK,KAAK,CAAC1B,KAAK,EAAE+B,QAAQ,CAACrB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACkC,MAAM,CAACvC,IAAI,CAAE,CAAC,CAAA;AACrF,GAAC,CAICD,EAAAA,iBAAAA,EAAAA,UAAU,IAAIK,QAAQ,IAAI,CAACD,UAAU,GAAG,aAAa,GAAGqB,KAAK,CAAC1B,KAAK,EAAEW,UAAU,CAAA,SAAA,CAAQ,CAAC,CAAA,EAAA,cAAA,EAC5EL,QAAQ,IAAI,CAACD,UAAU,GAAGL,KAAK,CAACQ,MAAM,CAACkC,MAAM,CAACC,KAAK,GAAG,CAAC,CAAAT,EAAAA,EAAAA,CAAAA,MAAA,CACjE1B,MAAM,EAAU,OAAA,CAAA,EAAA,OAAO,CAAA0B,EAAAA,EAAAA,CAAAA,MAAA,CACvB1B,MAAM,EAAUF,OAAAA,CAAAA,EAAAA,QAAQ,GACxB,CAAC,GACDsC,cAAc,CAACvC,UAAU,GAAGL,KAAK,CAACQ,MAAM,CAACe,KAAK,CAACsB,KAAK,GAAG7C,KAAK,CAACQ,MAAM,CAACe,KAAK,CAACuB,IAAI,CAAC,CAAA,EAAA,EAAA,CAAAZ,MAAA,CAC/E1B,MAAM,EAAA,OAAA,CAAA,EACRH,UAAU,IAAIJ,UAAU,GAAGD,KAAK,CAAC+C,MAAM,CAACC,WAAW,CAACxC,MAAM,CAACyC,OAAO,CAAA,SAAA,CAAQ,GAAG,aAAa,CAG5F,EAAA,SAAS,EAAAhB,eAAA,CAAAA,eAAA,CAAAC,EAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACH1B,MAAM,EACRH,OAAAA,CAAAA,EAAAA,UAAU,IAAIJ,UAAU,GACpBD,KAAK,CAAC+C,MAAM,CAACC,WAAW,CAACxC,MAAM,CAACyC,OAAO,CAAQ,SAAA,CAAA,GAC/CjD,KAAK,CAAC+C,MAAM,CAACC,WAAW,CAACxC,MAAM,CAAC0C,IAAI,CAACC,WAAW,CAAA,EAAA,iBAAA;AAEpD;AACA;AACAlD,EAAAA,UAAU,IAAIK,QAAQ,IAAI,CAACD,UAAU,GACjC,aAAa,GACbqB,KAAK,CAAC1B,KAAK,EAAEW,UAAU,CAACwC,WAAW,CAAC,CAAA,CAAA,EAE5C,YAAY,EAAE;AACZnC,IAAAA,MAAM,EAAE,aAAa;AACrBJ,IAAAA,eAAe,EAAEc,KAAK,CAAC1B,KAAK,EAAEW,UAAU,CAACyC,QAAQ,CAAA;GAClD,CAAA,EACD,iBAAiB,EAAE;IACjBC,YAAY,EAAEhC,SAAS,CAACrB,KAAK,CAACQ,MAAM,CAACkC,MAAM,CAACY,MAAM,CAAC;AACnDC,IAAAA,SAAS,EAAArB,kBAAAA,CAAAA,MAAA,CAAqBlC,KAAK,CAAC+C,MAAM,CAACS,OAAO,CAAChD,MAAM,CAACyC,OAAO,CAACQ,KAAK,CAAE;AACzE7C,IAAAA,eAAe,EAAEc,KAAK,CAAC1B,KAAK,EAAEW,UAAU,CAACwC,WAAW,CAAA;AACtD,GAAC,yBAEmB,KAAK,CAAA,EAAAlB,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAlC,KAAA,8BACC2D,WAAW,CAAC1D,KAAK,CAAC2D,MAAM,CAACC,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,CAAA,EAAA,oBAAA,EACzDJ,WAAW,CAACK,cAAc,CAAC/D,KAAK,CAAC2D,MAAM,CAACK,QAAQ,CAACC,MAAM,CAAC,CAAC,CAAA,EAC7E,GAAG,EAAE;AACHC,IAAAA,kBAAkB,EAAE,aAAa;AACjCC,IAAAA,wBAAwB,EAAET,WAAW,CAAC1D,KAAK,CAAC2D,MAAM,CAACC,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC;AAC7EM,IAAAA,kBAAkB,EAAEV,WAAW,CAACK,cAAc,CAAC/D,KAAK,CAAC2D,MAAM,CAACK,QAAQ,CAACK,MAAM,CAAC,CAAA;GAC7E,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,KAAA,EAQ2B;AAAA,EAAA,IAPtCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACIC,OAAO,GAAAH,KAAA,CAAhBI,OAAO;IACPC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;IAAAC,gBAAA,GAAAN,KAAA,CACRO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;IAClBE,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACJC,QAAO,GAAAT,KAAA,CAAPS,OAAO,CAAA;AAEP,EAAA,IAAAC,eAAA,GAQIC,cAAc,EAAE;IAPlBhF,IAAI,GAAA+E,eAAA,CAAJ/E,IAAI;IACJE,kBAAkB,GAAA6E,eAAA,CAAlB7E,kBAAkB;IAClB+E,aAAa,GAAAF,eAAA,CAAbE,aAAa;IACbC,gBAAgB,GAAAH,eAAA,CAAhBG,gBAAgB;IAChBC,MAAM,GAAAJ,eAAA,CAANI,MAAM;IACNlF,OAAO,GAAA8E,eAAA,CAAP9E,OAAO;IACPE,UAAU,GAAA4E,eAAA,CAAV5E,UAAU,CAAA;AAEZ,EAAA,IAAAiF,eAAA,GAAoDC,cAAc,EAAE;IAA5DC,kBAAkB,GAAAF,eAAA,CAAlBE,kBAAkB;AAAKC,IAAAA,gBAAgB,GAAAC,wBAAA,CAAAJ,eAAA,EAAAK,SAAA,CAAA,CAAA;AAC/C,EAAA,IAAMC,0BAA0B,GAAGC,0BAA0B,CAACjB,QAAQ,EAAE1E,IAAK,CAAC,CAAA;AAC9E,EAAA,IAAMD,UAAU,GAAGkF,aAAa,KAAKV,KAAK,CAAA;AAC1C,EAAA,IAAMhE,aAAa,GAAGR,UAAU,GAAG,UAAU,GAAG,YAAY,CAAA;EAC5D,IAAM6F,OAAO,MAAA5D,MAAA,CAAMmD,MAAM,EAAAnD,GAAAA,CAAAA,CAAAA,MAAA,CAAIuC,KAAK,EAAW,WAAA,CAAA,CAAA;EAC7C,IAAMsB,SAAS,MAAA7D,MAAA,CAAMmD,MAAM,EAAAnD,GAAAA,CAAAA,CAAAA,MAAA,CAAIuC,KAAK,EAAU,UAAA,CAAA,CAAA;AAC9C,EAAA,IAAMnE,QAAQ,GAAGH,OAAO,KAAK,QAAQ,CAAA;AAErC,EAAA,IAAM6F,cAAc,GAAG;AACrB,IAAA,SAAA,EAAS,SAAS;AAClBC,IAAAA,KAAK,EAAE,aAAa;AACpBC,IAAAA,KAAK,EAAE,aAAa;AACpB9C,IAAAA,QAAQ,EAAE,UAAA;GACF,CAAA;EACV,IAAM+C,WAAW,GAAGrB,UAAU,GAAG,UAAU,GAAGkB,cAAc,CAACR,kBAAkB,CAAC,CAAA;EAEhF,oBACEY,GAAA,CAACC,aAAa,EAAA;IACZC,MAAM,eACJC,IAAA,CAAC/G,eAAe,EAAAgH,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACdC,MAAAA,EAAE,EAAE1B,IAAI,GAAG,GAAG,GAAG,QAAS;AAC1BA,MAAAA,IAAI,EAAEA,IAAK;AACX1E,MAAAA,UAAU,EAAEA,UAAW;AACvBJ,MAAAA,UAAU,EAAEA,UAAW;AACvBE,MAAAA,OAAO,EAAEA,OAAS;MAClBC,kBAAkB,EAAEA,kBAAkB,IAAIE,QAAS;AACnDoG,MAAAA,EAAE,EAAEX,SAAU;AACd7F,MAAAA,IAAI,EAAEA,IAAK;AACXkD,MAAAA,QAAQ,EAAE0B,UAAAA;AAAW,KAAA,EACjBW,gBAAgB,CAAA,EAAA,EAAA,EAAA;AACpBT,MAAAA,OAAO,EAAE,SAAAA,OAAC2B,CAAAA,CAAmB,EAAK;AAChCvB,QAAAA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG,YAAA;AAAA,UAAA,OAAMX,KAAK,CAAA;SAAC,CAAA,CAAA;AAC/BO,QAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAO,CAAG2B,CAAC,CAAC,CAAA;AACd,OAAA;AAAE,KAAA,EACEC,cAAc,CAAC;AACjBC,MAAAA,IAAI,EAAE,KAAK;AACXC,MAAAA,QAAQ,EAAE7G,UAAU;AACpB8G,MAAAA,QAAQ,EAAEjB,OAAAA;KACX,CAAC,CACEkB,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAC5C,OAAAA;AAAQ,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAE,MAAAA,QAAA,EAEjDE,CAAAA,OAAO,gBACN0B,GAAA,CAAC1B,OAAO,EAAA;AAACxE,QAAAA,IAAI,EAAEiH,WAAW,CAACjH,IAAI,CAAG;AAACkH,QAAAA,KAAK,EAAEC,SAAS,CAAC5G,aAAa,CAAC,CAAC0F,WAAW,CAAA;AAAE,OAAE,CAAC,GACjF,IAAI,eACRC,GAAA,CAACkB,IAAI,EAAA;AACHF,QAAAA,KAAK,EAAEG,SAAS,CAAC9G,aAAa,CAAC,CAAC0F,WAAW,CAAE;AAC7CjG,QAAAA,IAAI,EAAEA,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAQ;AAC7CsH,QAAAA,MAAM,EAAC,UAAU;AAAAhD,QAAAA,QAAA,EAEhBA,QAAAA;OACG,CAAC,EACNoB,0BAA0B,CAAA;KACZ,CAAA,CAAA;AAClB,GACF,CAAC,CAAA;AAEN;;;;"}
|
|
1
|
+
{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport styled from 'styled-components';\nimport React from 'react';\nimport { CompositeItem } from '@floating-ui/react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { useTabsContext } from './TabsContext';\nimport { backgroundColor, paddingY, paddingX, textColor, iconColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, getMediaQuery, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { breakpoints } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledTabButton = styled.button<{\n size: TabsProps['size'];\n isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n variant: NonNullable<TabsProps['variant']>;\n isVertical: boolean;\n isSelected: boolean;\n}>(({ theme, isSelected, size, variant, isFullWidthTabItem, isVertical }) => {\n const isFilled = variant === 'filled';\n const orientation = isVertical ? 'vertical' : 'horizontal';\n const border = isVertical ? 'borderLeft' : 'borderBottom';\n const selectedState: 'selected' | 'unselected' = isSelected ? 'selected' : 'unselected';\n const _variant = variant === 'borderless' ? 'bordered' : variant;\n const background = backgroundColor[selectedState][_variant];\n\n return {\n appearance: 'none',\n textDecoration: 'none',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: isVertical ? 'left' : 'center',\n gap: makeSpace(theme.spacing[3]),\n width: isFullWidthTabItem ? '100%' : undefined,\n\n // Padding\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n\n [`@media ${getMediaQuery({ min: breakpoints.base, max: breakpoints.m })}`]: {\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n },\n\n // colors\n backgroundColor:\n isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.default),\n borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0,\n [`${border}Style`]: 'solid',\n [`${border}Width`]: isFilled\n ? 0\n : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin),\n [`${border}Color`]:\n isVertical && isSelected ? theme.colors.interactive.border.primary.default : 'transparent',\n\n // states\n '&:hover': {\n [`${border}Color`]:\n isVertical && isSelected\n ? theme.colors.interactive.border.primary.default\n : theme.colors.interactive.border.gray.highlighted,\n backgroundColor:\n // Don't want to show hover state on filled tabs when vertical because\n // The hover color needs to be on the TabIndicator instead.\n isSelected && isFilled && !isVertical\n ? 'transparent'\n : getIn(theme, background.highlighted),\n },\n '&:disabled': {\n cursor: 'not-allowed',\n backgroundColor: getIn(theme, background.disabled),\n },\n '&:focus-visible': {\n borderRadius: makeSpace(theme.border.radius.medium),\n boxShadow: `0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n backgroundColor: getIn(theme, background.highlighted),\n },\n\n transitionProperty: 'all',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n '*': {\n transitionProperty: 'color, fill',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n },\n };\n});\n\nconst TabItem = ({\n children,\n value,\n leading: Leading,\n trailing,\n isDisabled = false,\n href,\n onClick,\n}: TabItemProps): React.ReactElement => {\n const {\n size,\n isFullWidthTabItem,\n selectedValue,\n setSelectedValue,\n baseId,\n variant,\n isVertical,\n } = useTabsContext();\n const { currentInteraction, ...interactionProps } = useInteraction();\n const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size!);\n const isSelected = selectedValue === value;\n const selectedState = isSelected ? 'selected' : 'unselected';\n const panelId = `${baseId}-${value}-tabpanel`;\n const tabItemId = `${baseId}-${value}-tabitem`;\n const isFilled = variant === 'filled';\n\n const interactionMap = {\n default: 'default',\n hover: 'highlighted',\n focus: 'highlighted',\n disabled: 'disabled',\n } as const;\n const interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];\n\n return (\n <CompositeItem\n render={\n <StyledTabButton\n type=\"button\"\n as={href ? 'a' : 'button'}\n href={href}\n isVertical={isVertical}\n isSelected={isSelected}\n variant={variant!}\n isFullWidthTabItem={isFullWidthTabItem || isFilled}\n id={tabItemId}\n size={size}\n disabled={isDisabled}\n {...interactionProps}\n onClick={(e: React.MouseEvent) => {\n setSelectedValue?.(() => value);\n onClick?.(e);\n }}\n {...makeAccessible({\n role: 'tab',\n selected: isSelected,\n controls: panelId,\n })}\n {...metaAttribute({ name: MetaConstants.TabItem })}\n >\n {Leading ? (\n <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n ) : null}\n <Text\n color={textColor[selectedState][interaction]}\n size={size === 'medium' ? 'medium' : 'large'}\n weight=\"semibold\"\n >\n {children}\n </Text>\n {validatedTrailingComponent}\n </StyledTabButton>\n }\n />\n );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","_ref2","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingY","desktop","paddingBottom","paddingLeft","paddingX","paddingRight","_defineProperty","concat","getMediaQuery","min","breakpoints","base","max","m","mobile","radius","small","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","borderRadius","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","effective","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_objectWithoutProperties","_excluded","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","type","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":"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"}
|
|
@@ -120,6 +120,7 @@ var TabItem = function TabItem(_ref3) {
|
|
|
120
120
|
var interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];
|
|
121
121
|
return /*#__PURE__*/jsx(CompositeItem, {
|
|
122
122
|
render: /*#__PURE__*/jsxs(StyledTabButton, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
123
|
+
type: "button",
|
|
123
124
|
as: href ? 'a' : 'button',
|
|
124
125
|
href: href,
|
|
125
126
|
isVertical: isVertical,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport styled from 'styled-components';\nimport React from 'react';\nimport { CompositeItem } from '@floating-ui/react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { useTabsContext } from './TabsContext';\nimport { backgroundColor, paddingY, paddingX, textColor, iconColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, getMediaQuery, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { breakpoints } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledTabButton = styled.button<{\n size: TabsProps['size'];\n isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n variant: NonNullable<TabsProps['variant']>;\n isVertical: boolean;\n isSelected: boolean;\n}>(({ theme, isSelected, size, variant, isFullWidthTabItem, isVertical }) => {\n const isFilled = variant === 'filled';\n const orientation = isVertical ? 'vertical' : 'horizontal';\n const border = isVertical ? 'borderLeft' : 'borderBottom';\n const selectedState: 'selected' | 'unselected' = isSelected ? 'selected' : 'unselected';\n const _variant = variant === 'borderless' ? 'bordered' : variant;\n const background = backgroundColor[selectedState][_variant];\n\n return {\n appearance: 'none',\n textDecoration: 'none',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: isVertical ? 'left' : 'center',\n gap: makeSpace(theme.spacing[3]),\n width: isFullWidthTabItem ? '100%' : undefined,\n\n // Padding\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n\n [`@media ${getMediaQuery({ min: breakpoints.base, max: breakpoints.m })}`]: {\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n },\n\n // colors\n backgroundColor:\n isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.default),\n borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0,\n [`${border}Style`]: 'solid',\n [`${border}Width`]: isFilled\n ? 0\n : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin),\n [`${border}Color`]:\n isVertical && isSelected ? theme.colors.interactive.border.primary.default : 'transparent',\n\n // states\n '&:hover': {\n [`${border}Color`]:\n isVertical && isSelected\n ? theme.colors.interactive.border.primary.default\n : theme.colors.interactive.border.gray.highlighted,\n backgroundColor:\n // Don't want to show hover state on filled tabs when vertical because\n // The hover color needs to be on the TabIndicator instead.\n isSelected && isFilled && !isVertical\n ? 'transparent'\n : getIn(theme, background.highlighted),\n },\n '&:disabled': {\n cursor: 'not-allowed',\n backgroundColor: getIn(theme, background.disabled),\n },\n '&:focus-visible': {\n borderRadius: makeSpace(theme.border.radius.medium),\n boxShadow: `0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n backgroundColor: getIn(theme, background.highlighted),\n },\n\n transitionProperty: 'all',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n '*': {\n transitionProperty: 'color, fill',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n },\n };\n});\n\nconst TabItem = ({\n children,\n value,\n leading: Leading,\n trailing,\n isDisabled = false,\n href,\n onClick,\n}: TabItemProps): React.ReactElement => {\n const {\n size,\n isFullWidthTabItem,\n selectedValue,\n setSelectedValue,\n baseId,\n variant,\n isVertical,\n } = useTabsContext();\n const { currentInteraction, ...interactionProps } = useInteraction();\n const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size!);\n const isSelected = selectedValue === value;\n const selectedState = isSelected ? 'selected' : 'unselected';\n const panelId = `${baseId}-${value}-tabpanel`;\n const tabItemId = `${baseId}-${value}-tabitem`;\n const isFilled = variant === 'filled';\n\n const interactionMap = {\n default: 'default',\n hover: 'highlighted',\n focus: 'highlighted',\n disabled: 'disabled',\n } as const;\n const interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];\n\n return (\n <CompositeItem\n render={\n <StyledTabButton\n as={href ? 'a' : 'button'}\n href={href}\n isVertical={isVertical}\n isSelected={isSelected}\n variant={variant!}\n isFullWidthTabItem={isFullWidthTabItem || isFilled}\n id={tabItemId}\n size={size}\n disabled={isDisabled}\n {...interactionProps}\n onClick={(e: React.MouseEvent) => {\n setSelectedValue?.(() => value);\n onClick?.(e);\n }}\n {...makeAccessible({\n role: 'tab',\n selected: isSelected,\n controls: panelId,\n })}\n {...metaAttribute({ name: MetaConstants.TabItem })}\n >\n {Leading ? (\n <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n ) : null}\n <Text\n color={textColor[selectedState][interaction]}\n size={size === 'medium' ? 'medium' : 'large'}\n weight=\"semibold\"\n >\n {children}\n </Text>\n {validatedTrailingComponent}\n </StyledTabButton>\n }\n />\n );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","_ref2","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingY","desktop","paddingBottom","paddingLeft","paddingX","paddingRight","_defineProperty","concat","getMediaQuery","min","breakpoints","base","max","m","mobile","radius","small","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","borderRadius","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","effective","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_objectWithoutProperties","_excluded","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport styled from 'styled-components';\nimport React from 'react';\nimport { CompositeItem } from '@floating-ui/react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { useTabsContext } from './TabsContext';\nimport { backgroundColor, paddingY, paddingX, textColor, iconColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, getMediaQuery, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { breakpoints } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledTabButton = styled.button<{\n size: TabsProps['size'];\n isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n variant: NonNullable<TabsProps['variant']>;\n isVertical: boolean;\n isSelected: boolean;\n}>(({ theme, isSelected, size, variant, isFullWidthTabItem, isVertical }) => {\n const isFilled = variant === 'filled';\n const orientation = isVertical ? 'vertical' : 'horizontal';\n const border = isVertical ? 'borderLeft' : 'borderBottom';\n const selectedState: 'selected' | 'unselected' = isSelected ? 'selected' : 'unselected';\n const _variant = variant === 'borderless' ? 'bordered' : variant;\n const background = backgroundColor[selectedState][_variant];\n\n return {\n appearance: 'none',\n textDecoration: 'none',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: isVertical ? 'left' : 'center',\n gap: makeSpace(theme.spacing[3]),\n width: isFullWidthTabItem ? '100%' : undefined,\n\n // Padding\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n\n [`@media ${getMediaQuery({ min: breakpoints.base, max: breakpoints.m })}`]: {\n paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n },\n\n // colors\n backgroundColor:\n isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.default),\n borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0,\n [`${border}Style`]: 'solid',\n [`${border}Width`]: isFilled\n ? 0\n : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin),\n [`${border}Color`]:\n isVertical && isSelected ? theme.colors.interactive.border.primary.default : 'transparent',\n\n // states\n '&:hover': {\n [`${border}Color`]:\n isVertical && isSelected\n ? theme.colors.interactive.border.primary.default\n : theme.colors.interactive.border.gray.highlighted,\n backgroundColor:\n // Don't want to show hover state on filled tabs when vertical because\n // The hover color needs to be on the TabIndicator instead.\n isSelected && isFilled && !isVertical\n ? 'transparent'\n : getIn(theme, background.highlighted),\n },\n '&:disabled': {\n cursor: 'not-allowed',\n backgroundColor: getIn(theme, background.disabled),\n },\n '&:focus-visible': {\n borderRadius: makeSpace(theme.border.radius.medium),\n boxShadow: `0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n backgroundColor: getIn(theme, background.highlighted),\n },\n\n transitionProperty: 'all',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n '*': {\n transitionProperty: 'color, fill',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n },\n };\n});\n\nconst TabItem = ({\n children,\n value,\n leading: Leading,\n trailing,\n isDisabled = false,\n href,\n onClick,\n}: TabItemProps): React.ReactElement => {\n const {\n size,\n isFullWidthTabItem,\n selectedValue,\n setSelectedValue,\n baseId,\n variant,\n isVertical,\n } = useTabsContext();\n const { currentInteraction, ...interactionProps } = useInteraction();\n const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size!);\n const isSelected = selectedValue === value;\n const selectedState = isSelected ? 'selected' : 'unselected';\n const panelId = `${baseId}-${value}-tabpanel`;\n const tabItemId = `${baseId}-${value}-tabitem`;\n const isFilled = variant === 'filled';\n\n const interactionMap = {\n default: 'default',\n hover: 'highlighted',\n focus: 'highlighted',\n disabled: 'disabled',\n } as const;\n const interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];\n\n return (\n <CompositeItem\n render={\n <StyledTabButton\n type=\"button\"\n as={href ? 'a' : 'button'}\n href={href}\n isVertical={isVertical}\n isSelected={isSelected}\n variant={variant!}\n isFullWidthTabItem={isFullWidthTabItem || isFilled}\n id={tabItemId}\n size={size}\n disabled={isDisabled}\n {...interactionProps}\n onClick={(e: React.MouseEvent) => {\n setSelectedValue?.(() => value);\n onClick?.(e);\n }}\n {...makeAccessible({\n role: 'tab',\n selected: isSelected,\n controls: panelId,\n })}\n {...metaAttribute({ name: MetaConstants.TabItem })}\n >\n {Leading ? (\n <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n ) : null}\n <Text\n color={textColor[selectedState][interaction]}\n size={size === 'medium' ? 'medium' : 'large'}\n weight=\"semibold\"\n >\n {children}\n </Text>\n {validatedTrailingComponent}\n </StyledTabButton>\n }\n />\n );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","_ref2","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingY","desktop","paddingBottom","paddingLeft","paddingX","paddingRight","_defineProperty","concat","getMediaQuery","min","breakpoints","base","max","m","mobile","radius","small","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","borderRadius","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","effective","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_objectWithoutProperties","_excluded","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","type","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":"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"}
|