@atlaskit/menu 1.1.3 → 1.2.2

package/dist/es2019/internal/styles/menu-item/base-item.js

@@ -1,122 +0,0 @@
-import { B100, N20, N200, N30 } from '@atlaskit/theme/colors';
-import { fontSize as fontSizeFn, gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-const gridSize = gridSizeFn();
-const fontSize = fontSizeFn();
-const itemTopBottomPadding = gridSize;
-const itemSidePadding = gridSize * 2.5;
-const itemElemSpacing = gridSize * 1.5;
-const itemDescriptionSpacing = gridSize * 0.375;
-const itemMinHeight = gridSize * 5;
-const itemContentMinHeight = itemMinHeight - itemTopBottomPadding * 2;
-const disabledStyles = {
-  cursor: 'not-allowed',
-  '&, &:hover, &:focus, &:active': {
-    backgroundColor: 'transparent',
-    color: token('color.text.disabled', N200)
-  },
-  '&:focus': {
-    boxShadow: 'none'
-  }
-};
-const selectedStyles = {
-  backgroundColor: token('color.background.selected.resting', N20),
-  // Suppress the need for a fallback as selected color isn't used in the non-tokens world.
-  // When removing fallbacks make sure to remove this supression.
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  color: token('color.text.selected'),
-  ':hover': {
-    backgroundColor: token('color.background.selected.hover', N20),
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: token('color.text.selected')
-  },
-  ':active': {
-    backgroundColor: token('color.background.selected.pressed', N30),
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: token('color.text.selected')
-  },
-  ':visited': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: token('color.text.selected')
-  }
-};
-export const baseItemCSS = (isDisabled, isSelected) => ({
-  padding: `${itemTopBottomPadding}px ${itemSidePadding}px`,
-  cursor: 'pointer',
-  fontSize: fontSize,
-  // IE11 fix - wrapping container needs to be flex as well for vertical centering to work.
-  display: 'flex',
-  boxSizing: 'border-box',
-  color: 'currentColor',
-  userSelect: 'none',
-  '&:visited': {
-    color: 'currentColor'
-  },
-  '&:hover': {
-    color: 'currentColor',
-    backgroundColor: token('color.background.transparentNeutral.hover', N20),
-    textDecoration: 'none'
-  },
-  '&:focus': {
-    outline: 'none',
-    boxShadow: `${token('color.border.focus', B100)} 0 0 0 2px inset`
-  },
-  '&:active': {
-    boxShadow: 'none',
-    color: 'currentColor',
-    backgroundColor: token('color.background.transparentNeutral.pressed', N30)
-  },
-  '::-moz-focus-inner': {
-    border: 0
-  },
-  ...(isSelected && selectedStyles),
-  ...(isDisabled && disabledStyles)
-});
-export const contentCSS = {
-  flexGrow: 1,
-  textAlign: 'left',
-  overflow: 'hidden',
-  outline: 'none',
-  display: 'flex',
-  flexDirection: 'column',
-  // Fix - avoid clipped text descenders when using standard 16px line-height
-  lineHeight: 1.22
-};
-export const truncateCSS = {
-  display: 'block',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-};
-export const wrapTextCSS = {
-  wordBreak: 'break-word'
-};
-export const elemBeforeCSS = {
-  display: 'flex',
-  flexShrink: 0,
-  marginRight: itemElemSpacing
-};
-export const elemAfterCSS = {
-  display: 'flex',
-  flexShrink: 0,
-  marginLeft: itemElemSpacing
-};
-const descriptionBaseCSS = {
-  color: token('color.text.lowEmphasis', N200),
-  marginTop: itemDescriptionSpacing,
-  fontSize: headingSizes.h200.size
-};
-export const wrapDescriptionCSS = { ...wrapTextCSS,
-  ...descriptionBaseCSS
-};
-export const descriptionCSS = { ...truncateCSS,
-  ...descriptionBaseCSS
-};
-export const contentCSSWrapper = {
-  display: 'flex',
-  minHeight: itemContentMinHeight,
-  alignItems: 'center',
-  // IE11 fix - used with flex above to fix vertical centering.
-  width: '100%'
-};

package/dist/es2019/internal/styles/menu-item/button-item.js

@@ -1,9 +0,0 @@
-import { baseItemCSS } from './base-item';
-export const buttonItemCSS = (isDisabled, isSelected) => ({
-  backgroundColor: 'transparent',
-  border: 0,
-  outline: 0,
-  margin: 0,
-  width: '100%',
-  ...baseItemCSS(isDisabled, isSelected)
-});

package/dist/es2019/internal/styles/menu-item/custom-item.js

@@ -1,5 +0,0 @@
-import { baseItemCSS } from './base-item';
-export const customItemCSS = (isDisabled, isSelected) => ({
-  color: 'currentColor',
-  ...baseItemCSS(isDisabled, isSelected)
-});

package/dist/es2019/internal/styles/menu-item/heading-item.js

@@ -1,16 +0,0 @@
-import { N200 } from '@atlaskit/theme/colors';
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-const gridSize = gridSizeFn();
-const itemSidePadding = gridSize * 2.5;
-const itemHeadingContentHeight = headingSizes.h100.lineHeight;
-const itemHeadingFontSize = headingSizes.h100.size;
-export const headingItemCSS = {
-  textTransform: 'uppercase',
-  fontSize: itemHeadingFontSize,
-  lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
-  fontWeight: 700,
-  color: token('color.text.lowEmphasis', N200),
-  padding: `0 ${itemSidePadding}px`
-};

package/dist/es2019/internal/styles/menu-item/link-item.js

@@ -1,3 +0,0 @@
-import { baseItemCSS } from './base-item';
-export const linkItemCSS = (isDisabled, isSelected) => ({ ...baseItemCSS(isDisabled, isSelected)
-});

package/dist/es2019/internal/styles/menu-item/skeleton-heading-item.js

@@ -1,25 +0,0 @@
-import { keyframes } from '@emotion/core';
-import { skeleton as skeletonColorFn } from '@atlaskit/theme/colors';
-import { gridSize as gridSizeFn, skeletonShimmer } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
-import { headingItemCSS } from './heading-item';
-const gridSize = gridSizeFn();
-const skeletonTextBorderRadius = 100;
-const skeletonHeadingHeight = gridSize;
-const skeletonColor = token('color.background.subtleNeutral.resting', skeletonColorFn());
-const shimmer = skeletonShimmer();
-const shimmerKeyframes = keyframes(shimmer.keyframes);
-export const skeletonHeadingItemCSS = (width, isShimmering) => ({ ...headingItemCSS,
-  '&::after': {
-    // This renders the skeleton heading "text".
-    backgroundColor: skeletonColor,
-    ...(isShimmering && { ...shimmer.css,
-      animationName: `${shimmerKeyframes}`
-    }),
-    height: skeletonHeadingHeight,
-    width: width || '30%',
-    borderRadius: skeletonTextBorderRadius,
-    display: 'block',
-    content: '""'
-  }
-});

package/dist/es2019/internal/styles/menu-item/skeleton-item.js

@@ -1,75 +0,0 @@
-import { keyframes } from '@emotion/core';
-import { skeleton as skeletonColorFn } from '@atlaskit/theme/colors';
-import { borderRadius as borderRadiusFn, gridSize as gridSizeFn, skeletonShimmer } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
-import { baseItemCSS } from './base-item';
-const gridSize = gridSizeFn();
-const borderRadius = borderRadiusFn();
-const itemElemSpacing = gridSize * 1.5;
-const itemExpectedElemSize = gridSize * 3;
-const itemMinHeight = gridSize * 5;
-const skeletonItemElemSize = gridSize * 2.5;
-const itemElemSkeletonOffset = (itemExpectedElemSize - skeletonItemElemSize) / 2;
-const skeletonTextBorderRadius = 100;
-const skeletonContentHeight = 9;
-const skeletonColor = token('color.background.subtleNeutral.resting', skeletonColorFn());
-const shimmer = skeletonShimmer();
-const shimmerKeyframes = keyframes(shimmer.keyframes);
-export const skeletonItemCSS = (hasAvatar, hasIcon, width, isShimmering) => ({ ...baseItemCSS(false, false),
-  pointerEvents: 'none',
-  display: 'flex',
-  alignItems: 'center',
-  minHeight: itemMinHeight,
-  // Stagger alternate skeleton items if no width is passed
-  ...(!width && {
-    '&:nth-child(1n)::after': {
-      flexBasis: '70%'
-    },
-    '&:nth-child(2n)::after': {
-      flexBasis: '50%'
-    },
-    '&:nth-child(3n)::after': {
-      flexBasis: '60%'
-    },
-    '&:nth-child(4n)::after': {
-      flexBasis: '90%'
-    },
-    '&:nth-child(5n)::after': {
-      flexBasis: '35%'
-    },
-    '&:nth-child(6n)::after': {
-      flexBasis: '77%'
-    }
-  }),
-  ...((hasAvatar || hasIcon) && {
-    '&::before': {
-      // This will render a skeleton in the "elemBefore" position.
-      content: '""',
-      backgroundColor: skeletonColor,
-      ...(isShimmering && { ...shimmer.css,
-        animationName: `${shimmerKeyframes}`
-      }),
-      marginRight: itemElemSpacing + itemElemSkeletonOffset,
-      width: skeletonItemElemSize,
-      height: skeletonItemElemSize,
-      marginLeft: itemElemSkeletonOffset,
-      borderRadius: hasAvatar ? '100%' : borderRadius,
-      flexShrink: 0
-    }
-  }),
-  '&::after': {
-    // This will render the skeleton "text".
-    content: '""',
-    backgroundColor: skeletonColor,
-    ...(isShimmering && { ...shimmer.css,
-      animationName: `${shimmerKeyframes}`
-    }),
-    // This is a little bespoke but we need to push everything down 1px
-    //  because the skeleton content should align to the bottom of the text.
-    // Confirm VR test failures before accepting a change.
-    marginTop: 1,
-    height: skeletonContentHeight,
-    borderRadius: skeletonTextBorderRadius,
-    flexBasis: width || '100%'
-  }
-});

package/dist/es2019/internal/styles/menu-section/menu-group.js

@@ -1,14 +0,0 @@
-export const menuGroupCSS = ({
-  minWidth,
-  maxWidth,
-  minHeight,
-  maxHeight
-}) => ({
-  display: 'flex',
-  flexDirection: 'column',
-  overflow: 'auto',
-  maxWidth,
-  minWidth,
-  maxHeight,
-  minHeight
-});

package/dist/es2019/internal/styles/menu-section/section.js

@@ -1,62 +0,0 @@
-import { N30A } from '@atlaskit/theme/colors';
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-const gridSize = gridSizeFn();
-const itemHeadingTopMargin = gridSize * 2.5;
-const itemHeadingBottomMargin = gridSize * 0.75; // Skeleton content is slightly shorter than the real content.
-// Because of that we slightly increase the top margin to offset this so the
-// containing size both real and skeleton always equal approx 30px.
-
-const itemHeadingContentHeight = headingSizes.h100.lineHeight;
-const skeletonHeadingHeight = gridSize;
-const skeletonHeadingMarginOffset = 3;
-const skeletonHeadingTopMargin = itemHeadingTopMargin + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset; // We want to move the entire body up by 3px without affecting the height of the skeleton container.
-
-const skeletonHeadingBottomMargin = itemHeadingBottomMargin + skeletonHeadingMarginOffset;
-const sectionPaddingTopBottom = gridSize * 0.75;
-const VAR_SEPARATOR_COLOR = '--ds-menu-seperator-color';
-export const sectionCSS = (isScrollable, hasSeparator) => {
-  return {
-    '&:before, &:after': {
-      content: '" "',
-      display: 'block',
-      height: sectionPaddingTopBottom
-    },
-    '& [data-ds--menu--heading-item]': {
-      '&:first-of-type': {
-        marginTop: itemHeadingTopMargin - sectionPaddingTopBottom
-      },
-      marginTop: itemHeadingTopMargin,
-      marginBottom: itemHeadingBottomMargin
-    },
-    '& [data-ds--menu--skeleton-heading-item]': {
-      '&:first-of-type': {
-        marginTop: skeletonHeadingTopMargin - sectionPaddingTopBottom
-      },
-      marginTop: skeletonHeadingTopMargin,
-      marginBottom: skeletonHeadingBottomMargin
-    },
-    ...(isScrollable ? {
-      flexShrink: 1,
-      overflow: 'auto'
-    } : {
-      flexShrink: 0
-    }),
-    ...(hasSeparator ? {
-      borderTop: `2px solid var(${VAR_SEPARATOR_COLOR}, ${token('color.border.neutral', N30A)})`
-    } : {
-      // this is to ensure that adjacent sections without separators don't get additional margins.
-      '[data-section] + &': {
-        marginTop: -6
-      }
-    }),
-    '&:focus': {
-      // NOTE: Firefox allows elements that have "overflow: auto" to gain focus (as if it had tab-index="0")
-      // We have made a deliberate choice to leave this behaviour as is.
-      // This makes the outline go inside by 1px so it can actually be displayed
-      // else it gets cut off from the overflow: scroll from the parent menu group.
-      outlineOffset: -1
-    }
-  };
-};

package/dist/esm/internal/components/base-item.js

@@ -1,55 +0,0 @@
-/** @jsx jsx */
-import { memo } from 'react';
-import { ClassNames, jsx } from '@emotion/core';
-import { contentCSS, contentCSSWrapper, descriptionCSS, elemAfterCSS, elemBeforeCSS, truncateCSS, wrapDescriptionCSS, wrapTextCSS } from '../styles/menu-item/base-item';
-
-var defaultRender = function defaultRender(Component, props) {
-  return jsx(Component, props);
-};
-/**
- * __Base item__
- *
- * A base item should be composed for all item experiences.
- */
-
-
-var BaseItem = /*#__PURE__*/memo(function (_ref) {
-  var children = _ref.children,
-      description = _ref.description,
-      iconAfter = _ref.iconAfter,
-      iconBefore = _ref.iconBefore,
-      overrides = _ref.overrides,
-      _ref$shouldTitleWrap = _ref.shouldTitleWrap,
-      shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? false : _ref$shouldTitleWrap,
-      _ref$shouldDescriptio = _ref.shouldDescriptionWrap,
-      shouldDescriptionWrap = _ref$shouldDescriptio === void 0 ? false : _ref$shouldDescriptio;
-  var renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;
-  return (// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-    jsx("div", {
-      css: contentCSSWrapper
-    }, iconBefore && // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-    jsx("span", {
-      "data-item-elem-before": true,
-      css: elemBeforeCSS
-    }, iconBefore), children && // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-    jsx("span", {
-      css: contentCSS
-    }, jsx(ClassNames, null, function (_ref2) {
-      var css = _ref2.css;
-      return renderTitle('span', {
-        children: children,
-        className: css(shouldTitleWrap ? wrapTextCSS : truncateCSS),
-        'data-item-title': true
-      });
-    }), description && jsx("span", {
-      "data-item-description": true,
-      css: // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-      shouldDescriptionWrap ? wrapDescriptionCSS : descriptionCSS
-    }, description)), iconAfter && // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
-    jsx("span", {
-      "data-item-elem-after": true,
-      css: elemAfterCSS
-    }, iconAfter))
-  );
-});
-export default BaseItem;

package/dist/esm/internal/styles/menu-item/base-item.js

@@ -1,124 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { B100, N20, N200, N30 } from '@atlaskit/theme/colors';
-import { fontSize as fontSizeFn, gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-var gridSize = gridSizeFn();
-var fontSize = fontSizeFn();
-var itemTopBottomPadding = gridSize;
-var itemSidePadding = gridSize * 2.5;
-var itemElemSpacing = gridSize * 1.5;
-var itemDescriptionSpacing = gridSize * 0.375;
-var itemMinHeight = gridSize * 5;
-var itemContentMinHeight = itemMinHeight - itemTopBottomPadding * 2;
-var disabledStyles = {
-  cursor: 'not-allowed',
-  '&, &:hover, &:focus, &:active': {
-    backgroundColor: 'transparent',
-    color: token('color.text.disabled', N200)
-  },
-  '&:focus': {
-    boxShadow: 'none'
-  }
-};
-var selectedStyles = {
-  backgroundColor: token('color.background.selected.resting', N20),
-  // Suppress the need for a fallback as selected color isn't used in the non-tokens world.
-  // When removing fallbacks make sure to remove this supression.
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  color: token('color.text.selected'),
-  ':hover': {
-    backgroundColor: token('color.background.selected.hover', N20),
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: token('color.text.selected')
-  },
-  ':active': {
-    backgroundColor: token('color.background.selected.pressed', N30),
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: token('color.text.selected')
-  },
-  ':visited': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: token('color.text.selected')
-  }
-};
-export var baseItemCSS = function baseItemCSS(isDisabled, isSelected) {
-  return _objectSpread(_objectSpread({
-    padding: "".concat(itemTopBottomPadding, "px ").concat(itemSidePadding, "px"),
-    cursor: 'pointer',
-    fontSize: fontSize,
-    // IE11 fix - wrapping container needs to be flex as well for vertical centering to work.
-    display: 'flex',
-    boxSizing: 'border-box',
-    color: 'currentColor',
-    userSelect: 'none',
-    '&:visited': {
-      color: 'currentColor'
-    },
-    '&:hover': {
-      color: 'currentColor',
-      backgroundColor: token('color.background.transparentNeutral.hover', N20),
-      textDecoration: 'none'
-    },
-    '&:focus': {
-      outline: 'none',
-      boxShadow: "".concat(token('color.border.focus', B100), " 0 0 0 2px inset")
-    },
-    '&:active': {
-      boxShadow: 'none',
-      color: 'currentColor',
-      backgroundColor: token('color.background.transparentNeutral.pressed', N30)
-    },
-    '::-moz-focus-inner': {
-      border: 0
-    }
-  }, isSelected && selectedStyles), isDisabled && disabledStyles);
-};
-export var contentCSS = {
-  flexGrow: 1,
-  textAlign: 'left',
-  overflow: 'hidden',
-  outline: 'none',
-  display: 'flex',
-  flexDirection: 'column',
-  // Fix - avoid clipped text descenders when using standard 16px line-height
-  lineHeight: 1.22
-};
-export var truncateCSS = {
-  display: 'block',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-};
-export var wrapTextCSS = {
-  wordBreak: 'break-word'
-};
-export var elemBeforeCSS = {
-  display: 'flex',
-  flexShrink: 0,
-  marginRight: itemElemSpacing
-};
-export var elemAfterCSS = {
-  display: 'flex',
-  flexShrink: 0,
-  marginLeft: itemElemSpacing
-};
-var descriptionBaseCSS = {
-  color: token('color.text.lowEmphasis', N200),
-  marginTop: itemDescriptionSpacing,
-  fontSize: headingSizes.h200.size
-};
-export var wrapDescriptionCSS = _objectSpread(_objectSpread({}, wrapTextCSS), descriptionBaseCSS);
-export var descriptionCSS = _objectSpread(_objectSpread({}, truncateCSS), descriptionBaseCSS);
-export var contentCSSWrapper = {
-  display: 'flex',
-  minHeight: itemContentMinHeight,
-  alignItems: 'center',
-  // IE11 fix - used with flex above to fix vertical centering.
-  width: '100%'
-};

package/dist/esm/internal/styles/menu-item/button-item.js

@@ -1,16 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { baseItemCSS } from './base-item';
-export var buttonItemCSS = function buttonItemCSS(isDisabled, isSelected) {
-  return _objectSpread({
-    backgroundColor: 'transparent',
-    border: 0,
-    outline: 0,
-    margin: 0,
-    width: '100%'
-  }, baseItemCSS(isDisabled, isSelected));
-};

package/dist/esm/internal/styles/menu-item/custom-item.js

@@ -1,12 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { baseItemCSS } from './base-item';
-export var customItemCSS = function customItemCSS(isDisabled, isSelected) {
-  return _objectSpread({
-    color: 'currentColor'
-  }, baseItemCSS(isDisabled, isSelected));
-};

package/dist/esm/internal/styles/menu-item/heading-item.js

@@ -1,16 +0,0 @@
-import { N200 } from '@atlaskit/theme/colors';
-import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
-import { headingSizes } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-var gridSize = gridSizeFn();
-var itemSidePadding = gridSize * 2.5;
-var itemHeadingContentHeight = headingSizes.h100.lineHeight;
-var itemHeadingFontSize = headingSizes.h100.size;
-export var headingItemCSS = {
-  textTransform: 'uppercase',
-  fontSize: itemHeadingFontSize,
-  lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
-  fontWeight: 700,
-  color: token('color.text.lowEmphasis', N200),
-  padding: "0 ".concat(itemSidePadding, "px")
-};

package/dist/esm/internal/styles/menu-item/link-item.js

@@ -1,10 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { baseItemCSS } from './base-item';
-export var linkItemCSS = function linkItemCSS(isDisabled, isSelected) {
-  return _objectSpread({}, baseItemCSS(isDisabled, isSelected));
-};

package/dist/esm/internal/styles/menu-item/skeleton-heading-item.js

@@ -1,33 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { keyframes } from '@emotion/core';
-import { skeleton as skeletonColorFn } from '@atlaskit/theme/colors';
-import { gridSize as gridSizeFn, skeletonShimmer } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
-import { headingItemCSS } from './heading-item';
-var gridSize = gridSizeFn();
-var skeletonTextBorderRadius = 100;
-var skeletonHeadingHeight = gridSize;
-var skeletonColor = token('color.background.subtleNeutral.resting', skeletonColorFn());
-var shimmer = skeletonShimmer();
-var shimmerKeyframes = keyframes(shimmer.keyframes);
-export var skeletonHeadingItemCSS = function skeletonHeadingItemCSS(width, isShimmering) {
-  return _objectSpread(_objectSpread({}, headingItemCSS), {}, {
-    '&::after': _objectSpread(_objectSpread({
-      // This renders the skeleton heading "text".
-      backgroundColor: skeletonColor
-    }, isShimmering && _objectSpread(_objectSpread({}, shimmer.css), {}, {
-      animationName: "".concat(shimmerKeyframes)
-    })), {}, {
-      height: skeletonHeadingHeight,
-      width: width || '30%',
-      borderRadius: skeletonTextBorderRadius,
-      display: 'block',
-      content: '""'
-    })
-  });
-};