@razorpay/blade 12.40.0 → 12.41.1

package/build/lib/web/development/components/Tabs/TabItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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),\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n    '*': {\n      transitionProperty: 'color, fill',\n      transitionTimingFunction: castWebType(theme.motion.easing.standard),\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  ...rest\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          {...makeAnalyticsAttribute(rest)}\n        >\n          {Leading ? (\n            <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n          ) : null}\n\n          {children ? (\n            <Text\n              color={textColor[selectedState][interaction]}\n              size={size === 'medium' ? 'medium' : 'large'}\n              weight=\"semibold\"\n            >\n              {children}\n            </Text>\n          ) : null}\n\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","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","rest","_objectWithoutProperties","_excluded","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_excluded2","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","type","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":"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"}
+{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* 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 {\n  backgroundColor,\n  paddingTop,\n  paddingBottom,\n  paddingX,\n  textColor,\n  iconColor,\n  textSizeMap,\n} from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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, paddingTop[_variant][orientation][size!])),\n    paddingBottom: makeSpace(getIn(theme, paddingBottom[_variant][orientation][size!])),\n    paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation][size!])),\n    paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation][size!])),\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),\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n    '*': {\n      transitionProperty: 'color, fill',\n      transitionTimingFunction: castWebType(theme.motion.easing.standard),\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  ...rest\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          {...makeAnalyticsAttribute(rest)}\n        >\n          {Leading ? (\n            <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n          ) : null}\n\n          {children ? (\n            <Text\n              color={textColor[selectedState][interaction]}\n              size={textSizeMap[size!]}\n              weight=\"semibold\"\n            >\n              {children}\n            </Text>\n          ) : null}\n\n          {validatedTrailingComponent}\n        </StyledTabButton>\n      }\n    />\n  );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","_defineProperty","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingBottom","paddingLeft","paddingX","paddingRight","borderRadius","radius","small","concat","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","rest","_objectWithoutProperties","_excluded","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_excluded2","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","type","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","iconSizeMap","color","iconColor","Text","textColor","textSizeMap","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,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,IAAvEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAAEC,UAAU,GAAAN,IAAA,CAAVM,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,OAAAG,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AACEC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,cAAc,EAAE,MAAM;AACtBP,IAAAA,MAAM,EAAE,MAAM;AACdQ,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAEf,UAAU,GAAG,MAAM,GAAG,QAAQ;IAC9CgB,GAAG,EAAEC,SAAS,CAACtB,KAAK,CAACuB,OAAO,CAAC,CAAC,CAAC,CAAC;AAChCC,IAAAA,KAAK,EAAEpB,kBAAkB,GAAG,MAAM,GAAGqB,SAAS;AAE9C;AACAC,IAAAA,UAAU,EAAEJ,SAAS,CAACK,KAAK,CAAC3B,KAAK,EAAE0B,UAAU,CAAChB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACL,IAAI,CAAE,CAAC,CAAC;AAC7E0B,IAAAA,aAAa,EAAEN,SAAS,CAACK,KAAK,CAAC3B,KAAK,EAAE4B,aAAa,CAAClB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACL,IAAI,CAAE,CAAC,CAAC;AACnF2B,IAAAA,WAAW,EAAEP,SAAS,CAACK,KAAK,CAAC3B,KAAK,EAAE8B,QAAQ,CAACpB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACL,IAAI,CAAE,CAAC,CAAC;AAC5E6B,IAAAA,YAAY,EAAET,SAAS,CAACK,KAAK,CAAC3B,KAAK,EAAE8B,QAAQ,CAACpB,QAAQ,CAAC,CAACH,WAAW,CAAC,CAACL,IAAI,CAAE,CAAC,CAAC;AAE7E;AACAU,IAAAA,eAAe,EACbX,UAAU,IAAIK,QAAQ,IAAI,CAACD,UAAU,GAAG,aAAa,GAAGsB,KAAK,CAAC3B,KAAK,EAAEW,UAAU,WAAQ,CAAC;AAC1FqB,IAAAA,YAAY,EAAE1B,QAAQ,IAAI,CAACD,UAAU,GAAGL,KAAK,CAACQ,MAAM,CAACyB,MAAM,CAACC,KAAK,GAAG,CAAA;AAAC,GAAA,EAAA,EAAA,CAAAC,MAAA,CACjE3B,MAAM,YAAU,OAAO,CAAA,EAAA,EAAA,CAAA2B,MAAA,CACvB3B,MAAM,YAAUF,QAAQ,GACxB,CAAC,GACD8B,cAAc,CAAC/B,UAAU,GAAGL,KAAK,CAACQ,MAAM,CAACgB,KAAK,CAACa,KAAK,GAAGrC,KAAK,CAACQ,MAAM,CAACgB,KAAK,CAACc,IAAI,CAAC,CAAAH,EAAAA,EAAAA,CAAAA,MAAA,CAC/E3B,MAAM,EAAA,OAAA,CAAA,EACRH,UAAU,IAAIJ,UAAU,GAAGD,KAAK,CAACuC,MAAM,CAACC,WAAW,CAAChC,MAAM,CAACiC,OAAO,CAAQ,SAAA,CAAA,GAAG,aAAa,CAG5F,EAAA,SAAS,EAAA5B,eAAA,CAAAA,eAAA,CAAAsB,EAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACH3B,MAAM,EAAA,OAAA,CAAA,EACRH,UAAU,IAAIJ,UAAU,GACpBD,KAAK,CAACuC,MAAM,CAACC,WAAW,CAAChC,MAAM,CAACiC,OAAO,CAAQ,SAAA,CAAA,GAC/CzC,KAAK,CAACuC,MAAM,CAACC,WAAW,CAAChC,MAAM,CAACkC,IAAI,CAACC,WAAW,CAAA,EAAA,iBAAA;AAEpD;AACA;AACA1C,EAAAA,UAAU,IAAIK,QAAQ,IAAI,CAACD,UAAU,GACjC,aAAa,GACbsB,KAAK,CAAC3B,KAAK,EAAEW,UAAU,CAACgC,WAAW,CAAC,CAAA,CAAA,EAE5C,YAAY,EAAE;AACZ1B,IAAAA,MAAM,EAAE,aAAa;AACrBL,IAAAA,eAAe,EAAEe,KAAK,CAAC3B,KAAK,EAAEW,UAAU,CAACiC,QAAQ,CAAA;GAClD,CAAA,EACD,iBAAiB,EAAE;IACjBZ,YAAY,EAAEV,SAAS,CAACtB,KAAK,CAACQ,MAAM,CAACyB,MAAM,CAACY,MAAM,CAAC;AACnDC,IAAAA,SAAS,EAAAX,kBAAAA,CAAAA,MAAA,CAAqBnC,KAAK,CAACuC,MAAM,CAACQ,OAAO,CAACvC,MAAM,CAACiC,OAAO,CAACO,KAAK,CAAE;AACzEpC,IAAAA,eAAe,EAAEe,KAAK,CAAC3B,KAAK,EAAEW,UAAU,CAACgC,WAAW,CAAA;AACtD,GAAC,CAEmB,EAAA,oBAAA,EAAA,KAAK,CACCM,EAAAA,0BAAAA,EAAAA,WAAW,CAACjD,KAAK,CAACkD,MAAM,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAA,oBAAA,EAC/CH,WAAW,CAACI,cAAc,CAACrD,KAAK,CAACkD,MAAM,CAACI,QAAQ,CAACC,MAAM,CAAC,CAAC,CAAA,EAC7E,GAAG,EAAE;AACHC,IAAAA,kBAAkB,EAAE,aAAa;IACjCC,wBAAwB,EAAER,WAAW,CAACjD,KAAK,CAACkD,MAAM,CAACC,MAAM,CAACC,QAAQ,CAAC;AACnEM,IAAAA,kBAAkB,EAAET,WAAW,CAACI,cAAc,CAACrD,KAAK,CAACkD,MAAM,CAACI,QAAQ,CAACK,MAAM,CAAC,CAAA;GAC7E,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,KAAA,EAS2B;AAAA,EAAA,IARtCC,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;AACJC,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,KAAA,EAAAY,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,eAAA,GAQIC,cAAc,EAAE;IAPlBzE,IAAI,GAAAwE,eAAA,CAAJxE,IAAI;IACJE,kBAAkB,GAAAsE,eAAA,CAAlBtE,kBAAkB;IAClBwE,aAAa,GAAAF,eAAA,CAAbE,aAAa;IACbC,gBAAgB,GAAAH,eAAA,CAAhBG,gBAAgB;IAChBC,MAAM,GAAAJ,eAAA,CAANI,MAAM;IACN3E,OAAO,GAAAuE,eAAA,CAAPvE,OAAO;IACPE,UAAU,GAAAqE,eAAA,CAAVrE,UAAU,CAAA;AAEZ,EAAA,IAAA0E,eAAA,GAAoDC,cAAc,EAAE;IAA5DC,kBAAkB,GAAAF,eAAA,CAAlBE,kBAAkB;AAAKC,IAAAA,gBAAgB,GAAAV,wBAAA,CAAAO,eAAA,EAAAI,UAAA,CAAA,CAAA;AAC/C,EAAA,IAAMC,0BAA0B,GAAGC,0BAA0B,CAACnB,QAAQ,EAAEhE,IAAK,CAAC,CAAA;AAC9E,EAAA,IAAMD,UAAU,GAAG2E,aAAa,KAAKb,KAAK,CAAA;AAC1C,EAAA,IAAMtD,aAAa,GAAGR,UAAU,GAAG,UAAU,GAAG,YAAY,CAAA;EAC5D,IAAMqF,OAAO,MAAAnD,MAAA,CAAM2C,MAAM,EAAA3C,GAAAA,CAAAA,CAAAA,MAAA,CAAI4B,KAAK,EAAW,WAAA,CAAA,CAAA;EAC7C,IAAMwB,SAAS,MAAApD,MAAA,CAAM2C,MAAM,EAAA3C,GAAAA,CAAAA,CAAAA,MAAA,CAAI4B,KAAK,EAAU,UAAA,CAAA,CAAA;AAC9C,EAAA,IAAMzD,QAAQ,GAAGH,OAAO,KAAK,QAAQ,CAAA;AAErC,EAAA,IAAMqF,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,GAAGvB,UAAU,GAAG,UAAU,GAAGoB,cAAc,CAACP,kBAAkB,CAAC,CAAA;EAEhF,oBACEW,GAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,MAAM,eACJC,IAAA,CAACtG,eAAe,EAAAuG,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACdC,MAAAA,IAAI,EAAC,QAAQ;AACbC,MAAAA,EAAE,EAAE7B,IAAI,GAAG,GAAG,GAAG,QAAS;AAC1BA,MAAAA,IAAI,EAAEA,IAAK;AACXhE,MAAAA,UAAU,EAAEA,UAAW;AACvBJ,MAAAA,UAAU,EAAEA,UAAW;AACvBE,MAAAA,OAAO,EAAEA,OAAS;MAClBC,kBAAkB,EAAEA,kBAAkB,IAAIE,QAAS;AACnD6F,MAAAA,EAAE,EAAEZ,SAAU;AACdrF,MAAAA,IAAI,EAAEA,IAAK;AACX0C,MAAAA,QAAQ,EAAEwB,UAAAA;AAAW,KAAA,EACjBc,gBAAgB,CAAA,EAAA,EAAA,EAAA;AACpBZ,MAAAA,OAAO,EAAE,SAAAA,OAAC8B,CAAAA,CAAmB,EAAK;AAChCvB,QAAAA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG,YAAA;AAAA,UAAA,OAAMd,KAAK,CAAA;SAAC,CAAA,CAAA;AAC/BO,QAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAO,CAAG8B,CAAC,CAAC,CAAA;AACd,OAAA;AAAE,KAAA,EACEC,cAAc,CAAC;AACjBC,MAAAA,IAAI,EAAE,KAAK;AACXC,MAAAA,QAAQ,EAAEtG,UAAU;AACpBuG,MAAAA,QAAQ,EAAElB,OAAAA;KACX,CAAC,CACEmB,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAC/C,OAAAA;AAAQ,KAAC,CAAC,CAAA,EAC9CgD,sBAAsB,CAACrC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAT,MAAAA,QAAA,EAE/BE,CAAAA,OAAO,gBACN4B,GAAA,CAAC5B,OAAO,EAAA;AAAC9D,QAAAA,IAAI,EAAE2G,WAAW,CAAC3G,IAAI,CAAG;AAAC4G,QAAAA,KAAK,EAAEC,SAAS,CAACtG,aAAa,CAAC,CAACkF,WAAW,CAAA;OAAI,CAAC,GACjF,IAAI,EAEP7B,QAAQ,gBACP8B,GAAA,CAACoB,IAAI,EAAA;AACHF,QAAAA,KAAK,EAAEG,SAAS,CAACxG,aAAa,CAAC,CAACkF,WAAW,CAAE;AAC7CzF,QAAAA,IAAI,EAAEgH,WAAW,CAAChH,IAAI,CAAG;AACzBiH,QAAAA,MAAM,EAAC,UAAU;AAAArD,QAAAA,QAAA,EAEhBA,QAAAA;AAAQ,OACL,CAAC,GACL,IAAI,EAEPsB,0BAA0B,CAAA;KACZ,CAAA,CAAA;AAClB,GACF,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/Tabs/tabTokens.js

@@ -1,92 +1,78 @@
-var paddingY = {
+var paddingTop = {
   bordered: {
     horizontal: {
-      desktop: {
-        medium: 'spacing.5',
-        large: 'spacing.4'
-      },
-      mobile: {
-        medium: 'spacing.3',
-        large: 'spacing.3'
-      }
+      small: 'spacing.0',
+      medium: 'spacing.2',
+      large: 'spacing.4'
     },
     vertical: {
-      desktop: {
-        medium: 'spacing.2',
-        large: 'spacing.2'
-      },
-      mobile: {
-        medium: 'spacing.2',
-        large: 'spacing.2'
-      }
+      small: 'spacing.1',
+      medium: 'spacing.2',
+      large: 'spacing.3'
     }
   },
   filled: {
     horizontal: {
-      desktop: {
-        medium: 'spacing.3',
-        large: 'spacing.3'
-      },
-      mobile: {
-        medium: 'spacing.2',
-        large: 'spacing.2'
-      }
+      small: 'spacing.1',
+      medium: 'spacing.2',
+      large: 'spacing.3'
     },
     vertical: {
-      desktop: {
-        medium: 'spacing.4',
-        large: 'spacing.4'
-      },
-      mobile: {
-        medium: 'spacing.3',
-        large: 'spacing.3'
-      }
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.4'
+    }
+  }
+};
+var paddingBottom = {
+  bordered: {
+    horizontal: {
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.4'
+    },
+    vertical: {
+      small: 'spacing.1',
+      medium: 'spacing.2',
+      large: 'spacing.3'
+    }
+  },
+  filled: {
+    horizontal: {
+      small: 'spacing.1',
+      medium: 'spacing.2',
+      large: 'spacing.3'
+    },
+    vertical: {
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.4'
     }
   }
 };
 var paddingX = {
   bordered: {
     horizontal: {
-      desktop: {
-        medium: 'spacing.0',
-        large: 'spacing.0'
-      },
-      mobile: {
-        medium: 'spacing.0',
-        large: 'spacing.0'
-      }
+      small: 'spacing.0',
+      medium: 'spacing.0',
+      large: 'spacing.0'
     },
     vertical: {
-      desktop: {
-        medium: 'spacing.4',
-        large: 'spacing.4'
-      },
-      mobile: {
-        medium: 'spacing.4',
-        large: 'spacing.4'
-      }
+      small: 'spacing.4',
+      medium: 'spacing.4',
+      large: 'spacing.4'
     }
   },
   filled: {
     horizontal: {
-      desktop: {
-        medium: 'spacing.3',
-        large: 'spacing.3'
-      },
-      mobile: {
-        medium: 'spacing.2',
-        large: 'spacing.2'
-      }
+      small: 'spacing.3',
+      medium: 'spacing.3',
+      large: 'spacing.3'
     },
     vertical: {
-      desktop: {
-        medium: 'spacing.4',
-        large: 'spacing.4'
-      },
-      mobile: {
-        medium: 'spacing.3',
-        large: 'spacing.3'
-      }
+      small: 'spacing.4',
+      medium: 'spacing.4',
+      large: 'spacing.4'
     }
   }
 };
@@ -151,6 +137,11 @@ var iconColor = {
     disabled: 'interactive.icon.primary.disabled'
   }
 };
+var textSizeMap = {
+  small: 'medium',
+  medium: 'medium',
+  large: 'large'
+};
 
-export { backgroundColor, iconColor, paddingX, paddingY, textColor, trackColor };
+export { backgroundColor, iconColor, paddingBottom, paddingTop, paddingX, textColor, textSizeMap, trackColor };
 //# sourceMappingURL=tabTokens.js.map

package/build/lib/web/development/components/Tabs/tabTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabTokens.js","sources":["../../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { DeviceType } from '~utils';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n  TabVariants,\n  Record<TabOrientation, Record<DeviceType, Record<TabSizes, DotNotationSpacingStringToken>>>\n>;\n\nconst paddingY: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      desktop: {\n        medium: 'spacing.5',\n        large: 'spacing.4',\n      },\n      mobile: {\n        medium: 'spacing.3',\n        large: 'spacing.3',\n      },\n    },\n    vertical: {\n      desktop: {\n        medium: 'spacing.2',\n        large: 'spacing.2',\n      },\n      mobile: {\n        medium: 'spacing.2',\n        large: 'spacing.2',\n      },\n    },\n  },\n  filled: {\n    horizontal: {\n      desktop: {\n        medium: 'spacing.3',\n        large: 'spacing.3',\n      },\n      mobile: {\n        medium: 'spacing.2',\n        large: 'spacing.2',\n      },\n    },\n    vertical: {\n      desktop: {\n        medium: 'spacing.4',\n        large: 'spacing.4',\n      },\n      mobile: {\n        medium: 'spacing.3',\n        large: 'spacing.3',\n      },\n    },\n  },\n};\n\nconst paddingX: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      desktop: {\n        medium: 'spacing.0',\n        large: 'spacing.0',\n      },\n      mobile: {\n        medium: 'spacing.0',\n        large: 'spacing.0',\n      },\n    },\n    vertical: {\n      desktop: {\n        medium: 'spacing.4',\n        large: 'spacing.4',\n      },\n      mobile: {\n        medium: 'spacing.4',\n        large: 'spacing.4',\n      },\n    },\n  },\n  filled: {\n    horizontal: {\n      desktop: {\n        medium: 'spacing.3',\n        large: 'spacing.3',\n      },\n      mobile: {\n        medium: 'spacing.2',\n        large: 'spacing.2',\n      },\n    },\n    vertical: {\n      desktop: {\n        medium: 'spacing.4',\n        large: 'spacing.4',\n      },\n      mobile: {\n        medium: 'spacing.3',\n        large: 'spacing.3',\n      },\n    },\n  },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n  selected: {\n    default: 'interactive.text.primary.subtle',\n    highlighted: 'interactive.text.primary.normal',\n    disabled: 'interactive.text.primary.normal',\n  },\n  unselected: {\n    default: 'interactive.text.gray.muted',\n    highlighted: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst backgroundColor = {\n  unselected: {\n    bordered: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    borderless: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    filled: {\n      default: 'colors.transparent',\n      highlighted: 'colors.interactive.background.gray.default',\n      disabled: 'colors.transparent',\n    },\n  },\n  selected: {\n    bordered: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    borderless: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    filled: {\n      default: 'colors.interactive.background.primary.faded',\n      highlighted: 'colors.interactive.background.primary.faded',\n      disabled: 'colors.transparent',\n    },\n  },\n} as const;\n\nconst iconColor = {\n  unselected: {\n    default: 'interactive.icon.gray.muted',\n    highlighted: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n  selected: {\n    default: 'interactive.icon.primary.subtle',\n    highlighted: 'interactive.icon.primary.normal',\n    disabled: 'interactive.icon.primary.disabled',\n  },\n} as const;\n\nexport { backgroundColor, textColor, iconColor, trackColor, paddingY, paddingX };\n"],"names":["paddingY","bordered","horizontal","desktop","medium","large","mobile","vertical","filled","paddingX","trackColor","textColor","selected","highlighted","disabled","unselected","backgroundColor","borderless","iconColor"],"mappings":"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"}
+{"version":3,"file":"tabTokens.js","sources":["../../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, DotNotationSpacingStringToken>>\n>;\n\nconst paddingTop: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.2',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingBottom: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingX: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.0',\n      large: 'spacing.0',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.3',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n  selected: {\n    default: 'interactive.text.primary.subtle',\n    highlighted: 'interactive.text.primary.normal',\n    disabled: 'interactive.text.primary.normal',\n  },\n  unselected: {\n    default: 'interactive.text.gray.muted',\n    highlighted: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst backgroundColor = {\n  unselected: {\n    bordered: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    borderless: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    filled: {\n      default: 'colors.transparent',\n      highlighted: 'colors.interactive.background.gray.default',\n      disabled: 'colors.transparent',\n    },\n  },\n  selected: {\n    bordered: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    borderless: {\n      default: 'colors.transparent',\n      highlighted: 'colors.transparent',\n      disabled: 'colors.transparent',\n    },\n    filled: {\n      default: 'colors.interactive.background.primary.faded',\n      highlighted: 'colors.interactive.background.primary.faded',\n      disabled: 'colors.transparent',\n    },\n  },\n} as const;\n\nconst iconColor = {\n  unselected: {\n    default: 'interactive.icon.gray.muted',\n    highlighted: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n  selected: {\n    default: 'interactive.icon.primary.subtle',\n    highlighted: 'interactive.icon.primary.normal',\n    disabled: 'interactive.icon.primary.disabled',\n  },\n} as const;\n\nconst textSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nexport {\n  backgroundColor,\n  textColor,\n  iconColor,\n  trackColor,\n  paddingTop,\n  paddingBottom,\n  paddingX,\n  textSizeMap,\n};\n"],"names":["paddingTop","bordered","horizontal","small","medium","large","vertical","filled","paddingBottom","paddingX","trackColor","textColor","selected","highlighted","disabled","unselected","backgroundColor","borderless","iconColor","textSizeMap"],"mappings":"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"}

package/build/lib/web/development/components/Tabs/utils.js

@@ -7,19 +7,25 @@ import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowe
 import { throwBladeError, logger } from '../../utils/logger/logger.js';
 
 var iconSizeMap = {
+  small: 'medium',
   medium: 'medium',
   large: 'large'
 };
 var badgeSizeMap = {
+  small: 'small',
   medium: 'small',
   large: 'medium'
 };
 var counterSizeMap = {
+  small: 'small',
   medium: 'small',
   large: 'small'
 };
 var propRestrictionMap = {
   Badge: {
+    small: {
+      size: badgeSizeMap.small
+    },
     medium: {
       size: badgeSizeMap.medium
     },
@@ -28,6 +34,9 @@ var propRestrictionMap = {
     }
   },
   Counter: {
+    small: {
+      size: counterSizeMap.small
+    },
     medium: {
       size: counterSizeMap.medium
     },

package/build/lib/web/development/components/Tabs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/Tabs/utils.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst iconSizeMap = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst badgeSizeMap = {\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst counterSizeMap = {\n  medium: 'small',\n  large: 'small',\n} as const;\n\nconst propRestrictionMap = {\n  Badge: {\n    medium: {\n      size: badgeSizeMap.medium,\n    },\n    large: {\n      size: badgeSizeMap.large,\n    },\n  },\n  Counter: {\n    medium: {\n      size: counterSizeMap.medium,\n    },\n    large: {\n      size: counterSizeMap.large,\n    },\n  },\n} as const;\n\ntype TrailingComponents = keyof typeof propRestrictionMap;\n\nconst useTabsItemPropRestriction = (\n  trailing: React.ReactNode,\n  tabItemSize: NonNullable<TabsProps['size']>,\n): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  useIsomorphicLayoutEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType]?.[tabItemSize];\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only Badge or Counter component is accepted as trailing`,\n            moduleName: 'TabsItem',\n          });\n        }\n\n        const restrictedPropKeys = Object.keys(restrictedProps);\n        for (const prop of restrictedPropKeys) {\n          if (trailing?.props?.hasOwnProperty(prop)) {\n            logger({\n              message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside TabsItem trailing, because we override it.`,\n              moduleName: 'TabsItem',\n              type: 'warn',\n            });\n          }\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [tabItemSize, trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst componentIds = {\n  TabList: 'TabList',\n  TabPanel: 'TabPanel',\n} as const;\n\nexport { useTabsItemPropRestriction, iconSizeMap, componentIds };\n"],"names":["iconSizeMap","medium","large","badgeSizeMap","counterSizeMap","propRestrictionMap","Badge","size","Counter","useTabsItemPropRestriction","trailing","tabItemSize","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useIsomorphicLayoutEffect","isValidElement","_propRestrictionMap$t","trailingComponentType","getComponentId","restrictedProps","throwBladeError","message","moduleName","restrictedPropKeys","Object","keys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","concat","type","cloneElement","componentIds","TabList","TabPanel"],"mappings":";;;;;;;;AAMA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBF,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAA;AACT,CAAU,CAAA;AAEV,IAAME,cAAc,GAAG;AACrBH,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACT,CAAU,CAAA;AAEV,IAAMG,kBAAkB,GAAG;AACzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,MAAM,EAAE;MACNM,IAAI,EAAEJ,YAAY,CAACF,MAAAA;KACpB;AACDC,IAAAA,KAAK,EAAE;MACLK,IAAI,EAAEJ,YAAY,CAACD,KAAAA;AACrB,KAAA;GACD;AACDM,EAAAA,OAAO,EAAE;AACPP,IAAAA,MAAM,EAAE;MACNM,IAAI,EAAEH,cAAc,CAACH,MAAAA;KACtB;AACDC,IAAAA,KAAK,EAAE;MACLK,IAAI,EAAEH,cAAc,CAACF,KAAAA;AACvB,KAAA;AACF,GAAA;AACF,CAAU,CAAA;AAIJO,IAAAA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAC9BC,QAAyB,EACzBC,WAA2C,EACvB;AACpB,EAAA,IAAAC,eAAA,GAGIC,cAAK,CAACC,QAAQ,CAA4B,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAFjDK,IAAAA,0BAA0B,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAC1BG,IAAAA,6BAA6B,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;;AAG/B;AACAI,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,IAAA,kBAAIN,cAAK,CAACO,cAAc,CAACV,QAAQ,CAAC,EAAE;AAAA,MAAA,IAAAW,qBAAA,CAAA;AAClC,MAAA,IAAMC,qBAAqB,GAAGC,cAAc,CAACb,QAAQ,CAAuB,CAAA;AAC5E,MAAA,IAAMc,eAAe,GAAA,CAAAH,qBAAA,GAAGhB,kBAAkB,CAACiB,qBAAqB,CAAC,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAzCA,qBAAA,CAA4CV,WAAW,CAAC,CAAA;AAChF,MAAA,IAAI,IAAO,EAAE;QACX,IAAI,CAACa,eAAe,EAAE;AACpBC,UAAAA,eAAe,CAAC;AACdC,YAAAA,OAAO,EAA2D,yDAAA;AAClEC,YAAAA,UAAU,EAAE,UAAA;AACd,WAAC,CAAC,CAAA;AACJ,SAAA;AAEA,QAAA,IAAMC,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACN,eAAe,CAAC,CAAA;AACvD,QAAA,KAAA,IAAAO,EAAA,GAAA,CAAA,EAAAC,mBAAA,GAAmBJ,kBAAkB,EAAAG,EAAA,GAAAC,mBAAA,CAAAC,MAAA,EAAAF,EAAA,EAAE,EAAA;AAAA,UAAA,IAAAG,eAAA,CAAA;AAAlC,UAAA,IAAMC,IAAI,GAAAH,mBAAA,CAAAD,EAAA,CAAA,CAAA;AACb,UAAA,IAAIrB,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,gBAAAwB,eAAA,GAARxB,QAAQ,CAAE0B,KAAK,MAAAF,IAAAA,IAAAA,eAAA,eAAfA,eAAA,CAAiBG,cAAc,CAACF,IAAI,CAAC,EAAE;AACzCG,YAAAA,MAAM,CAAC;cACLZ,OAAO,EAAA,gBAAA,CAAAa,MAAA,CAAkBJ,IAAI,cAAAI,MAAA,CAASjB,qBAAqB,EAA2D,4DAAA,CAAA;AACtHK,cAAAA,UAAU,EAAE,UAAU;AACtBa,cAAAA,IAAI,EAAE,MAAA;AACR,aAAC,CAAC,CAAA;AACJ,WAAA;AACF,SAAA;AACF,OAAA;MACAtB,6BAA6B,eAC3BL,cAAK,CAAC4B,YAAY,CAAC/B,QAAQ,EAAwBc,eAAe,CACpE,CAAC,CAAA;AACH,KAAA;AACF,GAAC,EAAE,CAACb,WAAW,EAAED,QAAQ,CAAC,CAAC,CAAA;AAE3B,EAAA,OAAOO,0BAA0B,CAAA;AACnC,EAAC;AAED,IAAMyB,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE,UAAA;AACZ;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/Tabs/utils.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst iconSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst badgeSizeMap = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst counterSizeMap = {\n  small: 'small',\n  medium: 'small',\n  large: 'small',\n} as const;\n\nconst propRestrictionMap = {\n  Badge: {\n    small: {\n      size: badgeSizeMap.small,\n    },\n    medium: {\n      size: badgeSizeMap.medium,\n    },\n    large: {\n      size: badgeSizeMap.large,\n    },\n  },\n  Counter: {\n    small: {\n      size: counterSizeMap.small,\n    },\n    medium: {\n      size: counterSizeMap.medium,\n    },\n    large: {\n      size: counterSizeMap.large,\n    },\n  },\n} as const;\n\ntype TrailingComponents = keyof typeof propRestrictionMap;\n\nconst useTabsItemPropRestriction = (\n  trailing: React.ReactNode,\n  tabItemSize: NonNullable<TabsProps['size']>,\n): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  useIsomorphicLayoutEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType]?.[tabItemSize];\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only Badge or Counter component is accepted as trailing`,\n            moduleName: 'TabsItem',\n          });\n        }\n\n        const restrictedPropKeys = Object.keys(restrictedProps);\n        for (const prop of restrictedPropKeys) {\n          if (trailing?.props?.hasOwnProperty(prop)) {\n            logger({\n              message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside TabsItem trailing, because we override it.`,\n              moduleName: 'TabsItem',\n              type: 'warn',\n            });\n          }\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [tabItemSize, trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst componentIds = {\n  TabList: 'TabList',\n  TabPanel: 'TabPanel',\n} as const;\n\nexport { useTabsItemPropRestriction, iconSizeMap, componentIds };\n"],"names":["iconSizeMap","small","medium","large","badgeSizeMap","counterSizeMap","propRestrictionMap","Badge","size","Counter","useTabsItemPropRestriction","trailing","tabItemSize","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useIsomorphicLayoutEffect","isValidElement","_propRestrictionMap$t","trailingComponentType","getComponentId","restrictedProps","throwBladeError","message","moduleName","restrictedPropKeys","Object","keys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","concat","type","cloneElement","componentIds","TabList","TabPanel"],"mappings":"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"}

package/build/lib/web/development/components/index.js

@@ -25,6 +25,7 @@ import './Drawer/index.js';
 import './DatePicker/index.js';
 import './Dropdown/index.js';
 import './Elevate/index.js';
+import './EmptyState/index.js';
 import './Fade/index.js';
 import './FileUpload/index.js';
 import './Icons/index.js';
@@ -127,6 +128,7 @@ export { FilterChipSelectInput } from './Dropdown/FilterChipSelectInput.web.js';
 export { FilterChipGroup } from './Dropdown/FilterChipGroup.web.js';
 export { InputDropdownButton } from './Dropdown/InputDropdownButton.web.js';
 export { Elevate } from './Elevate/Elevate.web.js';
+export { EmptyState } from './EmptyState/EmptyState.web.js';
 export { Fade } from './Fade/Fade.web.js';
 export { FileUpload } from './FileUpload/FileUpload.web.js';
 export { default as AcceptPaymentsIcon } from './Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';

package/build/lib/web/development/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/development/utils/metaAttribute/metaConstants.js

@@ -37,6 +37,7 @@ var MetaConstants = {
   Display: 'display',
   Divider: 'divider',
   Drawer: 'drawer',
+  EmptyState: 'empty-state',
   Dropdown: 'dropdown',
   DropdownOverlay: 'dropdown-overlay',
   DropdownFooter: 'dropdown-footer',

package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatMessage: 'chat-message',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatMessage: 'chat-message',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  EmptyState: 'empty-state',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":"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"}

package/build/lib/web/production/components/EmptyState/EmptyState.web.js

@@ -0,0 +1,77 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { emptyStateSizeTokens } from './emptyStateTokens.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Heading } from '../Typography/Heading/Heading.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["asset", "title", "description", "children", "size", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _EmptyState = function _EmptyState(_ref, ref) {
+  var asset = _ref.asset,
+    title = _ref.title,
+    description = _ref.description,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    testID = _ref.testID,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var tokens = emptyStateSizeTokens[size];
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: tokens.gapBetweenSections
+  }, metaAttribute({
+    name: MetaConstants.EmptyState,
+    testID: testID
+  })), getStyledProps(props)), makeAnalyticsAttribute(props)), {}, {
+    children: [asset ? /*#__PURE__*/jsx(BaseBox, {
+      maxWidth: tokens.assetMaxWidth,
+      maxHeight: tokens.assetMaxHeight,
+      children: asset
+    }) : null, /*#__PURE__*/jsxs(BaseBox, {
+      display: "flex",
+      flexDirection: "column",
+      gap: "spacing.1",
+      alignItems: "center",
+      children: [title ? /*#__PURE__*/jsx(Heading, {
+        textAlign: "center",
+        size: tokens.titleSize,
+        weight: "semibold",
+        color: "surface.text.gray.subtle",
+        children: title
+      }) : null, description ? /*#__PURE__*/jsx(Text, {
+        textAlign: "center",
+        size: tokens.descriptionSize,
+        color: "surface.text.gray.muted",
+        weight: "regular",
+        variant: "body",
+        children: description
+      }) : null]
+    }), children]
+  }));
+};
+var EmptyState = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_EmptyState), {
+  displayName: 'EmptyState',
+  componentId: 'EmptyState'
+});
+
+export { EmptyState };
+//# sourceMappingURL=EmptyState.web.js.map

package/build/lib/web/production/components/EmptyState/EmptyState.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.web.js","sources":["../../../../../../src/components/EmptyState/EmptyState.web.tsx"],"sourcesContent":["import React from 'react';\nimport { emptyStateSizeTokens } from './emptyStateTokens';\nimport type { EmptyStateProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _EmptyState: React.ForwardRefRenderFunction<BladeElementRef, EmptyStateProps> = (\n  { asset, title, description, children, size = 'medium', testID, ...props },\n  ref,\n) => {\n  const tokens = emptyStateSizeTokens[size];\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap={tokens.gapBetweenSections}\n      {...metaAttribute({ name: MetaConstants.EmptyState, testID })}\n      {...getStyledProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {asset ? (\n        <BaseBox maxWidth={tokens.assetMaxWidth} maxHeight={tokens.assetMaxHeight}>\n          {asset}\n        </BaseBox>\n      ) : null}\n      <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.1\" alignItems=\"center\">\n        {title ? (\n          <Heading\n            textAlign=\"center\"\n            size={tokens.titleSize}\n            weight=\"semibold\"\n            color=\"surface.text.gray.subtle\"\n          >\n            {title}\n          </Heading>\n        ) : null}\n\n        {description ? (\n          <Text\n            textAlign=\"center\"\n            size={tokens.descriptionSize}\n            color=\"surface.text.gray.muted\"\n            weight=\"regular\"\n            variant=\"body\"\n          >\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n\n      {children}\n    </BaseBox>\n  );\n};\n\nconst EmptyState = assignWithoutSideEffects(React.forwardRef(_EmptyState), {\n  displayName: 'EmptyState',\n  componentId: 'EmptyState',\n});\n\nexport { EmptyState };\n"],"names":["_EmptyState","_ref","ref","asset","title","description","children","_ref$size","size","testID","props","_objectWithoutProperties","_excluded","tokens","emptyStateSizeTokens","_jsxs","BaseBox","_objectSpread","display","flexDirection","alignItems","justifyContent","gap","gapBetweenSections","metaAttribute","name","MetaConstants","EmptyState","getStyledProps","makeAnalyticsAttribute","_jsx","maxWidth","assetMaxWidth","maxHeight","assetMaxHeight","Heading","textAlign","titleSize","weight","color","Text","descriptionSize","variant","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAEjFC,GAAG,EACA;AAAA,EAAA,IAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAEE,MAAM,GAAAR,IAAA,CAANQ,MAAM;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAGxE,EAAA,IAAMC,MAAM,GAAGC,oBAAoB,CAACN,IAAI,CAAC,CAAA;EAEzC,oBACEO,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNf,IAAAA,GAAG,EAAEA,GAAa;AAClBgB,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;IACvBC,GAAG,EAAET,MAAM,CAACU,kBAAAA;AAAmB,GAAA,EAC3BC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,UAAU;AAAElB,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACzDmB,EAAAA,cAAc,CAAClB,KAAK,CAAC,CACrBmB,EAAAA,sBAAsB,CAACnB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAJ,IAAAA,QAAA,EAEhCH,CAAAA,KAAK,gBACJ2B,GAAA,CAACd,OAAO,EAAA;MAACe,QAAQ,EAAElB,MAAM,CAACmB,aAAc;MAACC,SAAS,EAAEpB,MAAM,CAACqB,cAAe;AAAA5B,MAAAA,QAAA,EACvEH,KAAAA;AAAK,KACC,CAAC,GACR,IAAI,eACRY,IAAA,CAACC,OAAO,EAAA;AAACE,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,QAAQ;AAACG,MAAAA,GAAG,EAAC,WAAW;AAACF,MAAAA,UAAU,EAAC,QAAQ;AAAAd,MAAAA,QAAA,EAC/EF,CAAAA,KAAK,gBACJ0B,GAAA,CAACK,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,QAAQ;QAClB5B,IAAI,EAAEK,MAAM,CAACwB,SAAU;AACvBC,QAAAA,MAAM,EAAC,UAAU;AACjBC,QAAAA,KAAK,EAAC,0BAA0B;AAAAjC,QAAAA,QAAA,EAE/BF,KAAAA;OACM,CAAC,GACR,IAAI,EAEPC,WAAW,gBACVyB,GAAA,CAACU,IAAI,EAAA;AACHJ,QAAAA,SAAS,EAAC,QAAQ;QAClB5B,IAAI,EAAEK,MAAM,CAAC4B,eAAgB;AAC7BF,QAAAA,KAAK,EAAC,yBAAyB;AAC/BD,QAAAA,MAAM,EAAC,SAAS;AAChBI,QAAAA,OAAO,EAAC,MAAM;AAAApC,QAAAA,QAAA,EAEbD,WAAAA;OACG,CAAC,GACL,IAAI,CAAA;KACD,CAAC,EAETC,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKqB,IAAAA,UAAU,gBAAGgB,wBAAwB,eAACC,cAAK,CAACC,UAAU,CAAC7C,WAAW,CAAC,EAAE;AACzE8C,EAAAA,WAAW,EAAE,YAAY;AACzBC,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/EmptyState/emptyStateTokens.js

@@ -0,0 +1,33 @@
+var emptyStateSizeTokens = {
+  small: {
+    assetMaxWidth: '60px',
+    assetMaxHeight: '60px',
+    titleSize: 'small',
+    descriptionSize: 'xsmall',
+    gapBetweenSections: 'spacing.5'
+  },
+  medium: {
+    assetMaxWidth: '90px',
+    assetMaxHeight: '90px',
+    titleSize: 'small',
+    descriptionSize: 'small',
+    gapBetweenSections: 'spacing.6'
+  },
+  large: {
+    assetMaxWidth: '120px',
+    assetMaxHeight: '120px',
+    titleSize: 'medium',
+    descriptionSize: 'medium',
+    gapBetweenSections: 'spacing.7'
+  },
+  xlarge: {
+    assetMaxWidth: '160px',
+    assetMaxHeight: '160px',
+    titleSize: 'xlarge',
+    descriptionSize: 'large',
+    gapBetweenSections: 'spacing.8'
+  }
+};
+
+export { emptyStateSizeTokens };
+//# sourceMappingURL=emptyStateTokens.js.map

package/build/lib/web/production/components/EmptyState/emptyStateTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyStateTokens.js","sources":["../../../../../../src/components/EmptyState/emptyStateTokens.ts"],"sourcesContent":["import type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { HeadingProps } from '~components/Typography/Heading/Heading';\nimport type { BaseTextSizes } from '~components/Typography/BaseText/types';\n\nexport type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';\n\nexport type EmptyStateSizeTokens = {\n  assetMaxWidth: DotNotationSpacingStringToken | `${string}px`;\n  assetMaxHeight: DotNotationSpacingStringToken | `${string}px`;\n  titleSize: Extract<HeadingProps['size'], 'small' | 'medium' | 'xlarge'>;\n  descriptionSize: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  gapBetweenSections: DotNotationSpacingStringToken;\n};\n\nexport const emptyStateSizeTokens: Record<EmptyStateSize, EmptyStateSizeTokens> = {\n  small: {\n    assetMaxWidth: '60px',\n    assetMaxHeight: '60px',\n    titleSize: 'small',\n    descriptionSize: 'xsmall',\n    gapBetweenSections: 'spacing.5',\n  },\n  medium: {\n    assetMaxWidth: '90px',\n    assetMaxHeight: '90px',\n    titleSize: 'small',\n    descriptionSize: 'small',\n    gapBetweenSections: 'spacing.6',\n  },\n  large: {\n    assetMaxWidth: '120px',\n    assetMaxHeight: '120px',\n    titleSize: 'medium',\n    descriptionSize: 'medium',\n    gapBetweenSections: 'spacing.7',\n  },\n  xlarge: {\n    assetMaxWidth: '160px',\n    assetMaxHeight: '160px',\n    titleSize: 'xlarge',\n    descriptionSize: 'large',\n    gapBetweenSections: 'spacing.8',\n  },\n};\n"],"names":["emptyStateSizeTokens","small","assetMaxWidth","assetMaxHeight","titleSize","descriptionSize","gapBetweenSections","medium","large","xlarge"],"mappings":"AAcO,IAAMA,oBAAkE,GAAG;AAChFC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDC,EAAAA,MAAM,EAAE;AACNL,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDE,EAAAA,KAAK,EAAE;AACLN,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDG,EAAAA,MAAM,EAAE;AACNP,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;AACtB,GAAA;AACF;;;;"}

package/build/lib/web/production/components/EmptyState/index.js

@@ -0,0 +1,2 @@
+export { EmptyState } from './EmptyState.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/EmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}