@atlaskit/side-navigation 7.0.0 → 8.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/side-navigation
 
+## 8.0.0
+
+### Major Changes
+
+- [#138235](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138235)
+  [`98d3b1420253a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98d3b1420253a) -
+  Removes the deprecated `cssFn` prop from `NestingItem` and adds the `className` prop. This allows
+  `NestingItem` style overrides that are compatible with Compiled CSS-in-JS.
+
+## 7.0.1
+
+### Patch Changes
+
+- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
+  [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
+  Update `@compiled/react` dependency for improved type checking support.
+- Updated dependencies
+
 ## 7.0.0
 
 ### Major Changes

package/dist/cjs/components/Footer/index.js

@@ -46,9 +46,7 @@ var OldFooter = function OldFooter(props) {
     };
   }(props);
   return /*#__PURE__*/React.createElement(_Item.CustomItem, (0, _extends2.default)({}, safeProps, {
-    component: props.component || _Header.Container
-    // @ts-expect-error
-    ,
+    component: props.component || _Header.Container,
     className: (0, _runtime.ax)([styles.oldFooter])
   }));
 };

package/dist/cjs/components/Header/index.js

@@ -72,10 +72,7 @@ var Container = exports.Container = function Container(_ref) {
 var Header = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Item.CustomItem, (0, _extends2.default)({}, props, {
     ref: ref,
-    component: props.component || Container
-    // @ts-expect-error
-    ,
-
+    component: props.component || Container,
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: {
       Title: {

package/dist/cjs/components/NestingItem/index.compiled.css

@@ -1 +1,5 @@
-._1e0c1nu9{display:inline}
+._1c06idpf [data-item-elem-after]{opacity:0}
+._1e0c1nu9{display:inline}
+._9mqr1kw7:active [data-right-arrow], ._povs1kw7:focus [data-right-arrow], ._uv2d1kw7:hover [data-right-arrow], ._atks1kw7 [data-custom-icon]{display:inherit}
+._udl3glyw [data-right-arrow], ._kqsfglyw:active [data-custom-icon], ._udrwglyw:focus [data-custom-icon], ._13qvglyw:hover [data-custom-icon]{display:none}
+._udl3glyw [data-right-arrow]{display:none}

package/dist/cjs/components/NestingItem/index.js

@@ -19,19 +19,19 @@ var _arrowRightArrowRightCircle = _interopRequireDefault(require("@atlaskit/icon
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
-var _styles = require("../../common/styles");
 var _index = require("../index");
 var _NestableNavigationContent = require("../NestableNavigationContent");
 var _context = require("../NestableNavigationContent/context");
 var _hooks = require("../utils/hooks");
-var _styles2 = require("./styles");
-var _excluded = ["children", "iconAfter", "title", "onClick", "cssFn", "isSelected", "id", "component", "testId"];
+var _excluded = ["children", "iconAfter", "title", "onClick", "className", "isDisabled", "isSelected", "id", "component", "testId"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2.default)(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 styles = {
-  iconContainer: "_1e0c1nu9"
+  iconContainer: "_1e0c1nu9",
+  nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",
+  nestingItemDisabled: "_1c06idpf _udl3glyw"
 };
 
 // Doesn't extend from ButtonItemProps because it blows ERT up.
@@ -46,7 +46,8 @@ var NestingItem = function NestingItem(props) {
     iconAfter = props.iconAfter,
     title = props.title,
     onClick = props.onClick,
-    cssFn = props.cssFn,
+    className = props.className,
+    isDisabled = props.isDisabled,
     isSelected = props.isSelected,
     id = props.id,
     component = props.component,
@@ -64,7 +65,6 @@ var NestingItem = function NestingItem(props) {
     goBackButtonRef = _useNestedContext.goBackButtonRef,
     isDefaultFocusControl = _useNestedContext.isDefaultFocusControl,
     focusGoBackButton = _useNestedContext.focusGoBackButton;
-  var mergedStyles = (0, _styles.overrideStyleFunction)(_styles2.nestingItemStyle, cssFn);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isInteracted = _useState2[0],
@@ -170,21 +170,27 @@ var NestingItem = function NestingItem(props) {
     }))),
     onClick: onClickHandler,
     isSelected: isSelected,
+    isDisabled: isDisabled,
     testId: testId && "".concat(testId, "--item")
   }, rest), {}, {
-    children: title,
-    cssFn: mergedStyles
+    children: title
   });
   if (component) {
     return /*#__PURE__*/_react.default.createElement(_index.CustomItem, (0, _extends2.default)({
       ref: isForwardRefCheck(component) ? parentItemRef : null
     }, componentProps, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: (0, _runtime.ax)([styles.nestingItem, isDisabled && styles.nestingItemDisabled, className])
       //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+      ,
       component: component
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_index.ButtonItem, (0, _extends2.default)({
     ref: activeParentRef
-  }, componentProps));
+  }, componentProps, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: (0, _runtime.ax)([styles.nestingItem, isDisabled && styles.nestingItemDisabled, className])
+  }));
 };
 var _default = exports.default = NestingItem;

package/dist/es2019/components/Footer/index.js

@@ -36,9 +36,7 @@ const OldFooter = props => {
     testId
   }))(props);
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, safeProps, {
-    component: props.component || Container
-    // @ts-expect-error
-    ,
+    component: props.component || Container,
     className: ax([styles.oldFooter])
   }));
 };

package/dist/es2019/components/Header/index.js

@@ -59,10 +59,7 @@ export const Container = ({
 const Header = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {
     ref: ref,
-    component: props.component || Container
-    // @ts-expect-error
-    ,
-
+    component: props.component || Container,
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: {
       Title: {

package/dist/es2019/components/NestingItem/index.compiled.css

@@ -1 +1,5 @@
-._1e0c1nu9{display:inline}
+._1c06idpf [data-item-elem-after]{opacity:0}
+._1e0c1nu9{display:inline}
+._9mqr1kw7:active [data-right-arrow], ._povs1kw7:focus [data-right-arrow], ._uv2d1kw7:hover [data-right-arrow], ._atks1kw7 [data-custom-icon]{display:inherit}
+._udl3glyw [data-right-arrow], ._kqsfglyw:active [data-custom-icon], ._udrwglyw:focus [data-custom-icon], ._13qvglyw:hover [data-custom-icon]{display:none}
+._udl3glyw [data-right-arrow]{display:none}

package/dist/es2019/components/NestingItem/index.js

@@ -7,14 +7,14 @@ import ArrowRightIcon from '@atlaskit/icon/core/migration/arrow-right--arrow-rig
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { N10 } from '@atlaskit/theme/colors';
-import { overrideStyleFunction } from '../../common/styles';
 import { ButtonItem, CustomItem, NavigationContent } from '../index';
 import { ROOT_ID } from '../NestableNavigationContent';
 import { NestedContext, useNestedContext } from '../NestableNavigationContent/context';
 import { useChildIdsEffect } from '../utils/hooks';
-import { nestingItemStyle } from './styles';
 const styles = {
-  iconContainer: "_1e0c1nu9"
+  iconContainer: "_1e0c1nu9",
+  nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",
+  nestingItemDisabled: "_1c06idpf _udl3glyw"
 };
 
 // Doesn't extend from ButtonItemProps because it blows ERT up.
@@ -30,7 +30,8 @@ const NestingItem = props => {
     iconAfter,
     title,
     onClick,
-    cssFn,
+    className,
+    isDisabled,
     isSelected,
     id,
     component,
@@ -50,7 +51,6 @@ const NestingItem = props => {
     isDefaultFocusControl,
     focusGoBackButton
   } = useNestedContext();
-  const mergedStyles = overrideStyleFunction(nestingItemStyle, cssFn);
   const [isInteracted, setIsInteracted] = useState(false);
   const parentItemRef = useRef(null);
 
@@ -149,21 +149,27 @@ const NestingItem = props => {
     }))),
     onClick: onClickHandler,
     isSelected: isSelected,
+    isDisabled: isDisabled,
     testId: testId && `${testId}--item`,
     ...rest,
-    children: title,
-    cssFn: mergedStyles
+    children: title
   };
   if (component) {
     return /*#__PURE__*/React.createElement(CustomItem, _extends({
       ref: isForwardRefCheck(component) ? parentItemRef : null
     }, componentProps, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: ax([styles.nestingItem, isDisabled && styles.nestingItemDisabled, className])
       //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+      ,
       component: component
     }));
   }
   return /*#__PURE__*/React.createElement(ButtonItem, _extends({
     ref: activeParentRef
-  }, componentProps));
+  }, componentProps, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax([styles.nestingItem, isDisabled && styles.nestingItemDisabled, className])
+  }));
 };
 export default NestingItem;

package/dist/esm/components/Footer/index.js

@@ -37,9 +37,7 @@ var OldFooter = function OldFooter(props) {
     };
   }(props);
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, safeProps, {
-    component: props.component || Container
-    // @ts-expect-error
-    ,
+    component: props.component || Container,
     className: ax([styles.oldFooter])
   }));
 };

package/dist/esm/components/Header/index.js

@@ -62,10 +62,7 @@ export var Container = function Container(_ref) {
 var Header = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {
     ref: ref,
-    component: props.component || Container
-    // @ts-expect-error
-    ,
-
+    component: props.component || Container,
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: {
       Title: {

package/dist/esm/components/NestingItem/index.compiled.css

@@ -1 +1,5 @@
-._1e0c1nu9{display:inline}
+._1c06idpf [data-item-elem-after]{opacity:0}
+._1e0c1nu9{display:inline}
+._9mqr1kw7:active [data-right-arrow], ._povs1kw7:focus [data-right-arrow], ._uv2d1kw7:hover [data-right-arrow], ._atks1kw7 [data-custom-icon]{display:inherit}
+._udl3glyw [data-right-arrow], ._kqsfglyw:active [data-custom-icon], ._udrwglyw:focus [data-custom-icon], ._13qvglyw:hover [data-custom-icon]{display:none}
+._udl3glyw [data-right-arrow]{display:none}

package/dist/esm/components/NestingItem/index.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "iconAfter", "title", "onClick", "cssFn", "isSelected", "id", "component", "testId"];
+var _excluded = ["children", "iconAfter", "title", "onClick", "className", "isDisabled", "isSelected", "id", "component", "testId"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 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; }
@@ -14,14 +14,14 @@ import ArrowRightIcon from '@atlaskit/icon/core/migration/arrow-right--arrow-rig
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { N10 } from '@atlaskit/theme/colors';
-import { overrideStyleFunction } from '../../common/styles';
 import { ButtonItem, CustomItem, NavigationContent } from '../index';
 import { ROOT_ID } from '../NestableNavigationContent';
 import { NestedContext, useNestedContext } from '../NestableNavigationContent/context';
 import { useChildIdsEffect } from '../utils/hooks';
-import { nestingItemStyle } from './styles';
 var styles = {
-  iconContainer: "_1e0c1nu9"
+  iconContainer: "_1e0c1nu9",
+  nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",
+  nestingItemDisabled: "_1c06idpf _udl3glyw"
 };
 
 // Doesn't extend from ButtonItemProps because it blows ERT up.
@@ -36,7 +36,8 @@ var NestingItem = function NestingItem(props) {
     iconAfter = props.iconAfter,
     title = props.title,
     onClick = props.onClick,
-    cssFn = props.cssFn,
+    className = props.className,
+    isDisabled = props.isDisabled,
     isSelected = props.isSelected,
     id = props.id,
     component = props.component,
@@ -54,7 +55,6 @@ var NestingItem = function NestingItem(props) {
     goBackButtonRef = _useNestedContext.goBackButtonRef,
     isDefaultFocusControl = _useNestedContext.isDefaultFocusControl,
     focusGoBackButton = _useNestedContext.focusGoBackButton;
-  var mergedStyles = overrideStyleFunction(nestingItemStyle, cssFn);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isInteracted = _useState2[0],
@@ -160,21 +160,27 @@ var NestingItem = function NestingItem(props) {
     }))),
     onClick: onClickHandler,
     isSelected: isSelected,
+    isDisabled: isDisabled,
     testId: testId && "".concat(testId, "--item")
   }, rest), {}, {
-    children: title,
-    cssFn: mergedStyles
+    children: title
   });
   if (component) {
     return /*#__PURE__*/React.createElement(CustomItem, _extends({
       ref: isForwardRefCheck(component) ? parentItemRef : null
     }, componentProps, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: ax([styles.nestingItem, isDisabled && styles.nestingItemDisabled, className])
       //@ts-expect-error TODO Fix legit TypeScript 3.9.6 improved inference error
+      ,
       component: component
     }));
   }
   return /*#__PURE__*/React.createElement(ButtonItem, _extends({
     ref: activeParentRef
-  }, componentProps));
+  }, componentProps, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax([styles.nestingItem, isDisabled && styles.nestingItemDisabled, className])
+  }));
 };
 export default NestingItem;

package/dist/types/components/NestingItem/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type CSSFn, type CustomItemComponentProps, type Overrides } from '@atlaskit/menu';
+import { type CustomItemComponentProps, type Overrides } from '@atlaskit/menu';
 interface NestingItemOverrides extends Overrides {
     /**
      * Use this to override the back button displayed when navigation is nested.
@@ -52,10 +52,9 @@ export interface NestingItemProps<TCustomComponentProps = CustomItemComponentPro
      */
     testId?: string;
     /**
-     * A function that can be used to override the styles of the component.
-     * It receives the current styles and state and expects a styles object.
+     * Not recommended for general use as it enables unsafe style overrides.
      */
-    cssFn?: CSSFn;
+    className?: string;
     /**
      * Element to render before the item text.
      * Generally should be an [icon](https://atlassian.design/components/icon/icon-explorer) component.

package/dist/types-ts4.5/components/NestingItem/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type CSSFn, type CustomItemComponentProps, type Overrides } from '@atlaskit/menu';
+import { type CustomItemComponentProps, type Overrides } from '@atlaskit/menu';
 interface NestingItemOverrides extends Overrides {
     /**
      * Use this to override the back button displayed when navigation is nested.
@@ -52,10 +52,9 @@ export interface NestingItemProps<TCustomComponentProps = CustomItemComponentPro
      */
     testId?: string;
     /**
-     * A function that can be used to override the styles of the component.
-     * It receives the current styles and state and expects a styles object.
+     * Not recommended for general use as it enables unsafe style overrides.
      */
-    cssFn?: CSSFn;
+    className?: string;
     /**
      * Element to render before the item text.
      * Generally should be an [icon](https://atlassian.design/components/icon/icon-explorer) component.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "7.0.0",
+	"version": "8.0.0",
 	"description": "A highly composable side navigation component that supports nested views.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,15 +34,15 @@
 	"dependencies": {
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^25.0.0",
-		"@atlaskit/menu": "^3.1.0",
+		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/menu": "^3.2.0",
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tokens": "^4.7.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.2"
+		"@compiled/react": "^0.18.3"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
@@ -51,21 +51,21 @@
 		"@af/accessibility-testing": "^2.0.0",
 		"@af/integration-testing": "^0.5.0",
 		"@af/visual-regression": "^1.3.0",
-		"@atlaskit/atlassian-navigation": "^5.0.0",
-		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/atlassian-navigation": "^5.1.0",
+		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/docs": "^10.0.0",
-		"@atlaskit/dropdown-menu": "^13.0.0",
+		"@atlaskit/dropdown-menu": "^14.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/image": "^2.0.0",
-		"@atlaskit/link": "^3.0.0",
+		"@atlaskit/image": "^3.0.0",
+		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/logo": "^16.0.0",
-		"@atlaskit/onboarding": "^13.0.0",
+		"@atlaskit/onboarding": "^14.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
 		"@atlaskit/pragmatic-drag-and-drop-live-region": "^1.3.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-accessibility": "^2.0.0",
-		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.1.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.0.0",
+		"@atlaskit/select": "^20.3.0",
 		"@atlaskit/visual-regression": "^0.10.0",
 		"@testing-library/react": "^13.4.0",
 		"raf-stub": "^2.0.1",

package/dist/cjs/components/NestingItem/styles.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.nestingItemStyle = exports.enabledCSS = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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) { (0, _defineProperty2.default)(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; }
-// exposed for testing purposes
-var enabledCSS = exports.enabledCSS = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '&:hover [data-custom-icon]', {
-  display: 'none'
-}), '&:active [data-custom-icon]', {
-  display: 'none'
-}), '&:focus [data-custom-icon]', {
-  display: 'none'
-}), '& [data-custom-icon]', {
-  display: 'inherit'
-}), '&:hover [data-right-arrow]', {
-  display: 'inherit'
-}), '&:active [data-right-arrow]', {
-  display: 'inherit'
-}), '&:focus [data-right-arrow]', {
-  display: 'inherit'
-}), '& [data-right-arrow]', {
-  display: 'none'
-});
-var disabledCSS = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, '[data-item-elem-after]', {
-  opacity: 0
-}), '& [data-right-arrow]', {
-  display: 'none'
-});
-var nestingItemStyle = exports.nestingItemStyle = function nestingItemStyle(state) {
-  return _objectSpread({}, state.isDisabled ? disabledCSS : enabledCSS);
-};

package/dist/es2019/components/NestingItem/styles.js

@@ -1,40 +0,0 @@
-// exposed for testing purposes
-export const enabledCSS = {
-  ['&:hover [data-custom-icon]']: {
-    display: 'none'
-  },
-  ['&:active [data-custom-icon]']: {
-    display: 'none'
-  },
-  ['&:focus [data-custom-icon]']: {
-    display: 'none'
-  },
-  ['& [data-custom-icon]']: {
-    display: 'inherit'
-  },
-  ['&:hover [data-right-arrow]']: {
-    display: 'inherit'
-  },
-  ['&:active [data-right-arrow]']: {
-    display: 'inherit'
-  },
-  ['&:focus [data-right-arrow]']: {
-    display: 'inherit'
-  },
-  ['& [data-right-arrow]']: {
-    display: 'none'
-  }
-};
-const disabledCSS = {
-  ['[data-item-elem-after]']: {
-    opacity: 0
-  },
-  ['& [data-right-arrow]']: {
-    display: 'none'
-  }
-};
-export const nestingItemStyle = state => {
-  return {
-    ...(state.isDisabled ? disabledCSS : enabledCSS)
-  };
-};

package/dist/esm/components/NestingItem/styles.js

@@ -1,29 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-// exposed for testing purposes
-export var enabledCSS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&:hover [data-custom-icon]', {
-  display: 'none'
-}), '&:active [data-custom-icon]', {
-  display: 'none'
-}), '&:focus [data-custom-icon]', {
-  display: 'none'
-}), '& [data-custom-icon]', {
-  display: 'inherit'
-}), '&:hover [data-right-arrow]', {
-  display: 'inherit'
-}), '&:active [data-right-arrow]', {
-  display: 'inherit'
-}), '&:focus [data-right-arrow]', {
-  display: 'inherit'
-}), '& [data-right-arrow]', {
-  display: 'none'
-});
-var disabledCSS = _defineProperty(_defineProperty({}, '[data-item-elem-after]', {
-  opacity: 0
-}), '& [data-right-arrow]', {
-  display: 'none'
-});
-export var nestingItemStyle = function nestingItemStyle(state) {
-  return _objectSpread({}, state.isDisabled ? disabledCSS : enabledCSS);
-};

package/dist/types/components/NestingItem/styles.d.ts

@@ -1,28 +0,0 @@
-import { type CSSFn } from '@atlaskit/menu';
-export declare const enabledCSS: {
-    "&:hover [data-custom-icon]": {
-        display: string;
-    };
-    "&:active [data-custom-icon]": {
-        display: string;
-    };
-    "&:focus [data-custom-icon]": {
-        display: string;
-    };
-    "& [data-custom-icon]": {
-        display: string;
-    };
-    "&:hover [data-right-arrow]": {
-        display: string;
-    };
-    "&:active [data-right-arrow]": {
-        display: string;
-    };
-    "&:focus [data-right-arrow]": {
-        display: string;
-    };
-    "& [data-right-arrow]": {
-        display: string;
-    };
-};
-export declare const nestingItemStyle: CSSFn;

package/dist/types-ts4.5/components/NestingItem/styles.d.ts

@@ -1,28 +0,0 @@
-import { type CSSFn } from '@atlaskit/menu';
-export declare const enabledCSS: {
-    "&:hover [data-custom-icon]": {
-        display: string;
-    };
-    "&:active [data-custom-icon]": {
-        display: string;
-    };
-    "&:focus [data-custom-icon]": {
-        display: string;
-    };
-    "& [data-custom-icon]": {
-        display: string;
-    };
-    "&:hover [data-right-arrow]": {
-        display: string;
-    };
-    "&:active [data-right-arrow]": {
-        display: string;
-    };
-    "&:focus [data-right-arrow]": {
-        display: string;
-    };
-    "& [data-right-arrow]": {
-        display: string;
-    };
-};
-export declare const nestingItemStyle: CSSFn;