@fluentui/react-tabs 9.8.2 → 9.9.0

package/lib-commonjs/components/Tab/useTabStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tab/useTabStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TabSlots, TabState } from './Tab.types';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\n\nexport const tabClassNames: SlotClassNames<TabSlots> = {\n  root: 'fui-Tab',\n  icon: 'fui-Tab__icon',\n  content: 'fui-Tab__content',\n};\n\nconst reservedSpaceClassNames = {\n  content: 'fui-Tab__content--reserved-space',\n};\n\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n  filled: 'fui-Icon-filled',\n  regular: 'fui-Icon-regular',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  root: {\n    alignItems: 'center',\n    display: 'grid',\n    flexShrink: 0,\n    gridAutoFlow: 'column',\n    gridTemplateColumns: 'auto',\n    gridTemplateRows: 'auto',\n    outlineStyle: 'none',\n    position: 'relative',\n  },\n  button: {\n    alignItems: 'center',\n    border: 'none',\n    borderRadius: tokens.borderRadiusMedium,\n    cursor: 'pointer',\n    display: 'grid',\n    flexShrink: 0,\n    gridAutoFlow: 'column',\n    gridTemplateColumns: 'auto',\n    gridTemplateRows: 'auto',\n    fontFamily: tokens.fontFamilyBase,\n    lineHeight: tokens.lineHeightBase300,\n    outlineStyle: 'none',\n    position: 'relative',\n    overflow: 'hidden',\n    textTransform: 'none',\n  },\n  horizontal: {\n    justifyContent: 'center',\n  },\n  vertical: {\n    justifyContent: 'start',\n  },\n  smallHorizontal: {\n    columnGap: tokens.spacingHorizontalXXS,\n    padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`,\n  },\n  smallVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalXXS,\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`,\n  },\n  mediumHorizontal: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`,\n  },\n  mediumVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalSNudge,\n    padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`,\n  },\n  largeHorizontal: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`,\n  },\n  largeVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalSNudge,\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ':enabled:hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n    },\n    ':enabled:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n    },\n    [`& .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2,\n    },\n    [`:enabled:hover .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    [`:enabled:active .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    [`& .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground2,\n    },\n    [`:enabled:hover .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    [`:enabled:active .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    ':enabled:hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':enabled:active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\n    [`& .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2,\n    },\n    [`:enabled:hover .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    [`:enabled:active .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    [`& .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground2,\n    },\n    [`:enabled:hover .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    [`:enabled:active .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  disabledCursor: {\n    cursor: 'not-allowed',\n  },\n  disabled: {\n    backgroundColor: tokens.colorTransparentBackground,\n\n    [`& .${tabClassNames.icon}`]: {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n    [`& .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n  selected: {\n    [`& .${tabClassNames.icon}`]: {\n      color: tokens.colorCompoundBrandForeground1,\n    },\n    [`:enabled:hover .${tabClassNames.icon}`]: {\n      color: tokens.colorCompoundBrandForeground1Hover,\n    },\n    [`:enabled:active .${tabClassNames.icon}`]: {\n      color: tokens.colorCompoundBrandForeground1Pressed,\n    },\n    [`& .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground1,\n    },\n    [`:enabled:hover .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground1Hover,\n    },\n    [`:enabled:active .${tabClassNames.content}`]: {\n      color: tokens.colorNeutralForeground1Pressed,\n    },\n  },\n});\n\nconst useCircularAppearanceStyles = makeStyles({\n  base: {\n    borderRadius: tokens.borderRadiusCircular,\n    border: `solid ${tokens.strokeWidthThin} ${tokens.colorTransparentStroke}`,\n    [`& .${tabClassNames.icon}`]: {\n      color: 'inherit',\n    },\n    [`& .${tabClassNames.content}`]: {\n      color: 'inherit',\n    },\n  },\n  medium: {\n    paddingBlock: `${tokens.spacingVerticalSNudge}`,\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    color: tokens.colorNeutralForeground2,\n    ':enabled:hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n      border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Hover}`,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':enabled:active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n      border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Pressed}`,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '@media (forced-colors: active)': {\n      border: `solid ${tokens.strokeWidthThin} Canvas`,\n    },\n  },\n  subtleSelected: {\n    backgroundColor: tokens.colorBrandBackground2,\n    border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStroke}`,\n    color: tokens.colorBrandForeground2,\n    ':enabled:hover': {\n      backgroundColor: tokens.colorBrandBackground2Hover,\n      border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokeHover}`,\n      color: tokens.colorBrandForeground2Hover,\n    },\n    ':enabled:active': {\n      backgroundColor: tokens.colorBrandBackground2Pressed,\n      border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokePressed}`,\n      color: tokens.colorBrandForeground2Pressed,\n    },\n    '@media (forced-colors: active)': {\n      border: `solid ${tokens.strokeWidthThin} Highlight`,\n    },\n  },\n  subtleDisabled: {\n    backgroundColor: tokens.colorSubtleBackground,\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  subtleDisabledSelected: {\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  filled: {\n    backgroundColor: tokens.colorNeutralBackground3,\n    color: tokens.colorNeutralForeground2,\n    ':enabled:hover': {\n      backgroundColor: tokens.colorNeutralBackground3Hover,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':enabled:active': {\n      backgroundColor: tokens.colorNeutralBackground3Pressed,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '@media (forced-colors: active)': {\n      ':enabled:hover': {\n        backgroundColor: 'Highlight',\n        forcedColorAdjust: 'none',\n        [`& .${tabClassNames.content}`]: {\n          color: 'HighlightText',\n        },\n        [`& .${iconClassNames.filled}`]: {\n          color: 'HighlightText',\n        },\n        [`& .${iconClassNames.regular}`]: {\n          color: 'HighlightText',\n        },\n      },\n    },\n  },\n  filledSelected: {\n    backgroundColor: tokens.colorBrandBackground,\n    color: tokens.colorNeutralForegroundOnBrand,\n    ':enabled:hover': {\n      backgroundColor: tokens.colorBrandBackgroundHover,\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n    ':enabled:active': {\n      backgroundColor: tokens.colorBrandBackgroundPressed,\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n    '@media (forced-colors: active)': {\n      ':enabled': {\n        backgroundColor: 'ButtonText',\n        [`& .${tabClassNames.content}`]: {\n          color: 'ButtonFace',\n          forcedColorAdjust: 'none',\n        },\n      },\n      [`:enabled .${tabClassNames.icon}`]: {\n        color: 'ButtonFace',\n      },\n    },\n  },\n  filledDisabled: {\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  filledDisabledSelected: {\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n});\n\n/**\n * Focus styles for the root slot\n */\nconst useFocusStyles = makeStyles({\n  // Tab creates a custom focus indicator because the default focus indicator\n  // is applied using an ::after pseudo-element on the root. Since the selection\n  // indicator uses an ::after pseudo-element on the root, there is a conflict.\n  base: createCustomFocusIndicatorStyle(\n    {\n      ...shorthands.borderColor('transparent'),\n      outlineWidth: tokens.strokeWidthThick,\n      outlineColor: 'transparent',\n      outlineStyle: 'solid',\n      boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n      zIndex: 1,\n    },\n    { enableOutline: true },\n  ),\n  circular: createCustomFocusIndicatorStyle(\n    {\n      ...shorthands.borderColor('transparent'),\n      outlineWidth: tokens.strokeWidthThick,\n      outlineColor: 'transparent',\n      outlineStyle: 'solid',\n      boxShadow: `\n        ${tokens.shadow4},\n        0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2},\n        0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeOnBrand} inset\n      `,\n      zIndex: 1,\n    },\n    { enableOutline: true },\n  ),\n});\n\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = makeStyles({\n  base: {\n    ':hover::before': {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n      borderRadius: tokens.borderRadiusCircular,\n      content: '\"\"',\n      position: 'absolute',\n    },\n    ':active::before': {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n      borderRadius: tokens.borderRadiusCircular,\n      content: '\"\"',\n      position: 'absolute',\n    },\n    '@media (forced-colors: active)': {\n      ':hover::before': {\n        backgroundColor: 'Highlight',\n      },\n      ':active::before': {\n        backgroundColor: 'Highlight',\n      },\n    },\n  },\n  disabled: {\n    ':hover::before': {\n      backgroundColor: tokens.colorTransparentStroke,\n    },\n    ':active::before': {\n      backgroundColor: tokens.colorTransparentStroke,\n    },\n    '@media (forced-colors: active)': {\n      ':hover::before': {\n        backgroundColor: 'transparent',\n      },\n      ':active::before': {\n        backgroundColor: 'transparent',\n      },\n    },\n  },\n  smallHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThick,\n      left: tokens.spacingHorizontalSNudge,\n      right: tokens.spacingHorizontalSNudge,\n    },\n  },\n  smallVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalXS,\n      left: 0,\n      top: tokens.spacingVerticalXS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  mediumHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  mediumVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalS,\n      left: 0,\n      top: tokens.spacingVerticalS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  largeHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  largeVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalMNudge,\n      left: 0,\n      top: tokens.spacingVerticalMNudge,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n});\n\nconst useActiveIndicatorStyles = makeStyles({\n  base: {\n    '::after': {\n      backgroundColor: tokens.colorTransparentStroke,\n      borderRadius: tokens.borderRadiusCircular,\n      content: '\"\"',\n      position: 'absolute',\n    },\n  },\n  selected: {\n    '::after': {\n      backgroundColor: tokens.colorCompoundBrandStroke,\n    },\n    ':enabled:hover::after': {\n      backgroundColor: tokens.colorCompoundBrandStrokeHover,\n    },\n    ':enabled:active::after': {\n      backgroundColor: tokens.colorCompoundBrandStrokePressed,\n    },\n    '@media (forced-colors: active)': {\n      '::after': {\n        backgroundColor: 'ButtonText',\n      },\n      ':enabled:hover::after': {\n        backgroundColor: 'ButtonText',\n      },\n      ':enabled:active::after': {\n        backgroundColor: 'ButtonText',\n      },\n    },\n  },\n  disabled: {\n    '::after': {\n      backgroundColor: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n  smallHorizontal: {\n    '::after': {\n      bottom: 0,\n      height: tokens.strokeWidthThick,\n      left: tokens.spacingHorizontalSNudge,\n      right: tokens.spacingHorizontalSNudge,\n    },\n  },\n  smallVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalXS,\n      left: '0',\n      top: tokens.spacingVerticalXS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  mediumHorizontal: {\n    '::after': {\n      bottom: '0',\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  mediumVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalS,\n      left: 0,\n      top: tokens.spacingVerticalS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  largeHorizontal: {\n    '::after': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  largeVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalMNudge,\n      left: 0,\n      top: tokens.spacingVerticalMNudge,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n});\n\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = makeStyles({\n  base: {\n    gridColumnStart: 1,\n    gridRowStart: 1,\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    [`& .${iconClassNames.filled}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.regular}`]: {\n      display: 'inline',\n    },\n  },\n  // per design, the small and medium font sizes are the same.\n  // the size prop only affects spacing.\n  small: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n  },\n  medium: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n  },\n  large: {\n    fontSize: '24px',\n    height: '24px',\n    width: '24px',\n  },\n  selected: {\n    [`& .${iconClassNames.filled}`]: {\n      display: 'inline',\n    },\n    [`& .${iconClassNames.regular}`]: {\n      display: 'none',\n    },\n  },\n});\n\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = makeStyles({\n  base: {\n    ...typographyStyles.body1,\n    overflow: 'hidden',\n    // content padding is the same for medium & small, horizontal & vertical\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`,\n  },\n  selected: {\n    ...typographyStyles.body1Strong,\n  },\n  large: {\n    ...typographyStyles.body2,\n  },\n  largeSelected: {\n    ...typographyStyles.subtitle2,\n  },\n  noIconBefore: {\n    gridColumnStart: 1,\n    gridRowStart: 1,\n  },\n  iconBefore: {\n    gridColumnStart: 2,\n    gridRowStart: 1,\n  },\n  placeholder: {\n    visibility: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = (state: TabState): TabState => {\n  'use no memo';\n\n  useTabIndicatorStyles_unstable(state);\n\n  useTabButtonStyles_unstable(state, state.root);\n\n  useTabContentStyles_unstable(state);\n\n  return state;\n};\n\n/**\n * Applies styles for the Tab indicator based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The `Tab` component's current state\n * @returns The state object with updated button styles\n */\nexport const useTabIndicatorStyles_unstable = (state: TabState): TabState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const pendingIndicatorStyles = usePendingIndicatorStyles();\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n\n  const { appearance, disabled, selected, size, vertical } = state;\n\n  const classes: Parameters<typeof mergeClasses> = [tabClassNames.root, rootStyles.root];\n\n  if (appearance !== 'subtle-circular' && appearance !== 'filled-circular') {\n    classes.push(\n      // pending indicator (before pseudo element)\n      pendingIndicatorStyles.base,\n      size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal),\n      size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal),\n      size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal),\n      disabled && pendingIndicatorStyles.disabled,\n\n      // active indicator (after pseudo element)\n      selected && activeIndicatorStyles.base,\n      selected && !disabled && activeIndicatorStyles.selected,\n      selected &&\n        size === 'small' &&\n        (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal),\n      selected &&\n        size === 'medium' &&\n        (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal),\n      selected &&\n        size === 'large' &&\n        (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal),\n      selected && disabled && activeIndicatorStyles.disabled,\n    );\n  }\n\n  state.root.className = mergeClasses(...classes, state.root.className);\n\n  useTabAnimatedIndicatorStyles_unstable(state);\n\n  return state;\n};\n\n/**\n * Applies styles to the Tab button slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @param slot - The button slot of the Tab component\n * @returns The state object with updated button styles\n */\nexport const useTabButtonStyles_unstable = (state: TabState, slot: TabState['root']): TabState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const circularStyles = useCircularAppearanceStyles();\n\n  const { appearance, disabled, selected, size, vertical } = state;\n\n  const isSubtleCircular = appearance === 'subtle-circular';\n  const isFilledCircular = appearance === 'filled-circular';\n  const isCircular = isSubtleCircular || isFilledCircular;\n\n  const circularAppearance = [\n    circularStyles.base,\n    focusStyles.circular,\n    // sizes\n    size === 'medium' && circularStyles.medium,\n    // subtle-circular appearance\n    isSubtleCircular && circularStyles.subtle,\n    selected && isSubtleCircular && circularStyles.subtleSelected,\n    disabled && isSubtleCircular && circularStyles.subtleDisabled,\n    selected && disabled && isSubtleCircular && circularStyles.subtleDisabledSelected,\n    // filled-circular appearance\n    isFilledCircular && circularStyles.filled,\n    selected && isFilledCircular && circularStyles.filledSelected,\n    disabled && isFilledCircular && circularStyles.filledDisabled,\n    selected && disabled && isFilledCircular && circularStyles.filledDisabledSelected,\n  ];\n\n  const regularAppearance = [\n    focusStyles.base,\n    !disabled && appearance === 'subtle' && rootStyles.subtle,\n    !disabled && appearance === 'transparent' && rootStyles.transparent,\n    !disabled && selected && rootStyles.selected,\n    disabled && rootStyles.disabled,\n  ];\n\n  slot.className = mergeClasses(\n    rootStyles.button,\n    // orientation\n    vertical ? rootStyles.vertical : rootStyles.horizontal,\n    // size\n    size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal),\n    size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal),\n    size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal),\n    ...(isCircular ? circularAppearance : regularAppearance),\n    disabled && rootStyles.disabledCursor,\n    slot.className,\n  );\n\n  return state;\n};\n\n/**\n * Applies styles to the Tab content slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @returns The state object with updated content styles\n */\nexport const useTabContentStyles_unstable = (state: TabState): TabState => {\n  'use no memo';\n\n  const iconStyles = useIconStyles();\n  const contentStyles = useContentStyles();\n\n  const { selected, size } = state;\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      tabClassNames.icon,\n      iconStyles.base,\n      iconStyles[size],\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  // This needs to be before state.content.className is updated\n  if (state.contentReservedSpace) {\n    state.contentReservedSpace.className = mergeClasses(\n      reservedSpaceClassNames.content,\n      contentStyles.base,\n      size === 'large' ? contentStyles.largeSelected : contentStyles.selected,\n      state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore,\n      contentStyles.placeholder,\n      state.content.className,\n    );\n    // FIXME: this is a deprecated API\n    // should be removed in the next major version\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n  }\n\n  state.content.className = mergeClasses(\n    tabClassNames.content,\n    contentStyles.base,\n    size === 'large' && contentStyles.large,\n    selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected),\n    state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore,\n    state.content.className,\n  );\n\n  return state;\n};\n"],"names":["tabClassNames","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","makeStyles","alignItems","display","flexShrink","gridAutoFlow","gridTemplateColumns","gridTemplateRows","outlineStyle","position","button","border","borderRadius","tokens","borderRadiusMedium","cursor","fontFamily","fontFamilyBase","lineHeight","lineHeightBase300","overflow","textTransform","horizontal","justifyContent","vertical","smallHorizontal","columnGap","spacingHorizontalXXS","padding","spacingVerticalSNudge","spacingHorizontalSNudge","smallVertical","spacingVerticalXXS","mediumHorizontal","spacingVerticalM","spacingHorizontalMNudge","mediumVertical","largeHorizontal","spacingVerticalL","largeVertical","spacingVerticalS","transparent","backgroundColor","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","color","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","subtle","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","disabledCursor","disabled","colorNeutralForegroundDisabled","selected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","useCircularAppearanceStyles","base","borderRadiusCircular","strokeWidthThin","colorTransparentStroke","medium","paddingBlock","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","subtleSelected","colorBrandBackground2","colorCompoundBrandStroke","colorBrandForeground2","colorBrandBackground2Hover","colorCompoundBrandStrokeHover","colorBrandForeground2Hover","colorBrandBackground2Pressed","colorCompoundBrandStrokePressed","colorBrandForeground2Pressed","subtleDisabled","subtleDisabledSelected","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","forcedColorAdjust","filledSelected","colorBrandBackground","colorNeutralForegroundOnBrand","colorBrandBackgroundHover","colorBrandBackgroundPressed","filledDisabled","filledDisabledSelected","useFocusStyles","createCustomFocusIndicatorStyle","shorthands","borderColor","outlineWidth","strokeWidthThick","outlineColor","boxShadow","shadow4","colorStrokeFocus2","zIndex","enableOutline","circular","colorNeutralStrokeOnBrand","usePendingIndicatorStyles","bottom","height","left","right","spacingVerticalXS","top","width","strokeWidthThicker","spacingHorizontalM","spacingVerticalMNudge","useActiveIndicatorStyles","useIconStyles","gridColumnStart","gridRowStart","small","fontSize","large","useContentStyles","typographyStyles","body1","spacingVerticalNone","body1Strong","body2","largeSelected","subtitle2","noIconBefore","iconBefore","placeholder","visibility","state","rootStyles","pendingIndicatorStyles","activeIndicatorStyles","appearance","size","classes","push","className","mergeClasses","useTabAnimatedIndicatorStyles_unstable","slot","focusStyles","circularStyles","isSubtleCircular","isFilledCircular","isCircular","circularAppearance","regularAppearance","iconStyles","contentStyles","contentReservedSpace","contentReservedSpaceClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/TabList/useTabListStyles.styles.raw.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    tabListClassNames: function() {
+        return tabListClassNames;
+    },
+    useTabListStyles_unstable: function() {
+        return useTabListStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const tabListClassNames = {
+    root: 'fui-TabList'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'flex',
+        flexDirection: 'row',
+        flexShrink: 0,
+        flexWrap: 'nowrap',
+        position: 'relative'
+    },
+    horizontal: {
+        alignItems: 'stretch',
+        flexDirection: 'row'
+    },
+    vertical: {
+        alignItems: 'stretch',
+        flexDirection: 'column'
+    },
+    roundedSmall: {
+        gap: _reacttheme.tokens.spacingHorizontalSNudge
+    },
+    rounded: {
+        gap: _reacttheme.tokens.spacingHorizontalS
+    }
+});
+const useTabListStyles_unstable = (state)=>{
+    'use no memo';
+    const { appearance, vertical, size } = state;
+    const styles = useStyles();
+    const isRounded = appearance === 'subtle-circular' || appearance === 'filled-circular';
+    state.root.className = (0, _react.mergeClasses)(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, isRounded && (size === 'small' ? styles.roundedSmall : styles.rounded), state.root.className);
+    return state;
+};

package/lib-commonjs/components/TabList/useTabListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TabList/useTabListStyles.styles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TabListSlots, TabListState } from './TabList.types';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexShrink: 0,\n    flexWrap: 'nowrap',\n    position: 'relative',\n  },\n  horizontal: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n  },\n  vertical: {\n    alignItems: 'stretch',\n    flexDirection: 'column',\n  },\n  roundedSmall: {\n    gap: tokens.spacingHorizontalSNudge,\n  },\n  rounded: {\n    gap: tokens.spacingHorizontalS,\n  },\n});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  'use no memo';\n\n  const { appearance, vertical, size } = state;\n\n  const styles = useStyles();\n\n  const isRounded = appearance === 'subtle-circular' || appearance === 'filled-circular';\n\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    isRounded && (size === 'small' ? styles.roundedSmall : styles.rounded),\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["tabListClassNames","useTabListStyles_unstable","root","useStyles","makeStyles","display","flexDirection","flexShrink","flexWrap","position","horizontal","alignItems","vertical","roundedSmall","gap","tokens","spacingHorizontalSNudge","rounded","spacingHorizontalS","state","appearance","size","styles","isRounded","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,iBAAAA;eAAAA;;IAkCAC,yBAAAA;eAAAA;;;uBAtC4B;4BAClB;AAGhB,MAAMD,oBAAkD;IAC7DE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,UAAU;QACVC,UAAU;IACZ;IACAC,YAAY;QACVC,YAAY;QACZL,eAAe;IACjB;IACAM,UAAU;QACRD,YAAY;QACZL,eAAe;IACjB;IACAO,cAAc;QACZC,KAAKC,kBAAAA,CAAOC,uBAAuB;IACrC;IACAC,SAAS;QACPH,KAAKC,kBAAAA,CAAOG,kBAAkB;IAChC;AACF;AAKO,MAAMjB,4BAA4B,CAACkB;IACxC;IAEA,MAAM,EAAEC,UAAU,EAAER,QAAQ,EAAES,IAAI,EAAE,GAAGF;IAEvC,MAAMG,SAASnB;IAEf,MAAMoB,YAAYH,eAAe,qBAAqBA,eAAe;IAErED,MAAMjB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAAA,EACrBzB,kBAAkBE,IAAI,EACtBoB,OAAOpB,IAAI,EACXU,WAAWU,OAAOV,QAAQ,GAAGU,OAAOZ,UAAU,EAC9Ca,aAAcF,CAAAA,SAAS,UAAUC,OAAOT,YAAY,GAAGS,OAAOL,OAAO,AAAPA,GAC9DE,MAAMjB,IAAI,CAACsB,SAAS;IAGtB,OAAOL;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.8.2",
+  "version": "9.9.0",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,7 +21,7 @@
     "@fluentui/react-context-selector": "^9.2.2",
     "@fluentui/react-jsx-runtime": "^9.1.2",
     "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-tabster": "^9.25.2",
+    "@fluentui/react-tabster": "^9.26.0",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-utilities": "^9.22.0",
     "@griffel/react": "^1.5.22",