@atlaskit/navigation-system 10.16.5 → 10.16.7

package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js

@@ -1,4 +1,4 @@
-/* top-nav-middle.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav-middle.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./top-nav-middle.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js

@@ -1,4 +1,4 @@
-/* top-nav-start.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav-start.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./top-nav-start.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';

package/dist/es2019/ui/page-layout/top-nav/top-nav.js

@@ -1,4 +1,4 @@
-/* top-nav.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./top-nav.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/custom-title.js

@@ -1,4 +1,4 @@
-/* custom-title.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* custom-title.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./custom-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css

@@ -1,4 +1,3 @@
-._2rko19bv{border-radius:10px}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}

package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js

@@ -1,4 +1,4 @@
-/* app-logo.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* app-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./app-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
@@ -10,8 +10,7 @@ import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
 const anchorStyles = {
-  root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
-  rootT26Shape: "_2rko1mok",
+  root: "_2rko1mok _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
   interactionStates: "_irr31dpa _1di69yc7",
   interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
   fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -70,7 +69,7 @@ export const AppLogo = ({
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(anchorStyles.root, fg('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
+    xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.075",
@@ -78,10 +77,7 @@ export const AppLogo = ({
     xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
-  }, /*#__PURE__*/React.createElement(LogoRenderer
-  // Top nav always uses the new logo design
-  , {
-    shouldUseNewLogoDesign: true,
+  }, /*#__PURE__*/React.createElement(LogoRenderer, {
     logoOrIcon: icon
   })), /*#__PURE__*/React.createElement("span", {
     className: ax([logoTextStyles.root])

package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css

@@ -1,5 +1,5 @@
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
 ._1e0c1txw{display:flex}
 ._1e0cglyw{display:none}

package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js

@@ -1,17 +1,15 @@
-/* custom-logo.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';
 import { cx } from '@compiled/react';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
 const anchorStyles = {
-  root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
-  customLogoBorderRadius: "_2rkofajl",
-  customLogoBorderRadiusT26Shape: "_2rko1mok",
+  root: "_2rko12b0 _1e0c1txw _4cvr1h6o _4t3izwfg",
+  customLogoBorderRadius: "_2rko1mok",
   newMargin: "_ahbq1b66",
   newInteractionStates: "_irr31dpa _1di69yc7",
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -82,7 +80,7 @@ export const CustomLogo = ({
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
+    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])

package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js

@@ -1,26 +1,23 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 export const themedLogoIcon = '--ds-top-bar-logo-icon';
 export const themedLogoText = '--ds-top-bar-logo-text';
 export function LogoRenderer({
-  logoOrIcon: LogoOrIcon,
-  shouldUseNewLogoDesign
+  logoOrIcon: LogoOrIcon
 }) {
   const hasCustomTheme = useHasCustomTheme();
   if (hasCustomTheme) {
     return /*#__PURE__*/React.createElement(LogoOrIcon, {
       label: "",
       size: "small",
-      shouldUseNewLogoDesign: shouldUseNewLogoDesign,
       iconColor: `var(${themedLogoIcon})`,
       textColor: `var(${themedLogoText})`
     });
   }
   return /*#__PURE__*/React.createElement(LogoOrIcon, {
     size: "small",
-    shouldUseNewLogoDesign: shouldUseNewLogoDesign,
     label: "",
     appearance: "brand"
   });

package/dist/es2019/ui/top-nav-items/search.compiled.css

@@ -1,4 +1,3 @@
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}

package/dist/es2019/ui/top-nav-items/search.js

@@ -1,16 +1,14 @@
-/* search.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./search.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment } from 'react';
 import { cx } from '@atlaskit/css';
 import SearchIcon from '@atlaskit/icon/core/search';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
 import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/icon-button';
 const styles = {
-  root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
-  rootT26Shape: "_2rko1qi0",
+  root: "_2rko1qi0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
   buttonText: "_yyhyjvu9 _1ii7kb7n",
   iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
   elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -39,7 +37,7 @@ export const Search = ({
       border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`
     },
     onClick: onClick,
-    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/React.createElement("span", {

package/dist/es2019/ui/top-nav-items/themed/themed-anchor.compiled.css

@@ -5,7 +5,6 @@
 ._11q7pkxg{background:var(--ds-top-bar-button-background)}
 ._14mj1kw7:after{border-radius:inherit}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}
 ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}

package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js

@@ -1,4 +1,4 @@
-/* themed-anchor.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-anchor.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -9,8 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 const styles = {
-  root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
-  rootT26Shape: "_2rko1qi0",
+  root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
   interactiveMotion: "_v564k6bl _1ggl5xtf",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -51,7 +50,7 @@ function ThemedAnchorFn({
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
+    xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
   }));
 }
 

package/dist/es2019/ui/top-nav-items/themed/themed-button.js

@@ -1,4 +1,4 @@
-/* themed-button.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* themed-button.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/themed/themed-icon-button.js

@@ -1,4 +1,4 @@
-/* themed-icon-button.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';

package/dist/es2019/ui/top-nav-items/themed/themed-link-button.js

@@ -1,4 +1,4 @@
-/* themed-link-button.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-link-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/themed/themed-pressable.compiled.css

@@ -5,7 +5,6 @@
 ._11q7pkxg{background:var(--ds-top-bar-button-background)}
 ._14mj1kw7:after{border-radius:inherit}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}
 ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}

package/dist/es2019/ui/top-nav-items/themed/themed-pressable.js

@@ -1,4 +1,4 @@
-/* themed-pressable.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-pressable.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -8,8 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 const styles = {
-  root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
-  rootT26Shape: "_2rko1qi0",
+  root: "_zulp12x7 _11c8fhey _2rko1qi0 _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
   interactiveMotion: "_v564k6bl _1ggl5xtf",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
@@ -29,13 +28,13 @@ const appearanceStyles = {
  * Props shared by `ThemedPressable` and `ThemedAnchor`
  */
 
-export const ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable({
+export const ThemedPressable = /*#__PURE__*/forwardRef(({
   appearance = 'default',
   shape = 'default',
   isSelected,
   isDisabled,
   ...props
-}, ref) {
+}, ref) => {
   const hasBorder = appearance === 'default' || isSelected;
   return /*#__PURE__*/React.createElement(Pressable, _extends({}, getPrimitiveSpreadProps(props), {
     ref: ref,
@@ -47,7 +46,7 @@ export const ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable(
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion),
+    xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion),
     isDisabled: isDisabled
   }));
 });

package/dist/esm/components/badge-container.js

@@ -1,4 +1,4 @@
-/* badge-container.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* badge-container.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./badge-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/list-item.js

@@ -1,4 +1,4 @@
-/* list-item.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* list-item.tsx generated by @compiled/babel-plugin v3.0.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/esm/components/list.js

@@ -1,4 +1,4 @@
-/* list.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* list.tsx generated by @compiled/babel-plugin v3.0.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/esm/components/skip-links/skip-link.js

@@ -1,4 +1,4 @@
-/* skip-link.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* skip-link.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./skip-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';

package/dist/esm/components/skip-links/skip-links-container.js

@@ -1,4 +1,4 @@
-/* skip-links-container.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* skip-links-container.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./skip-links-container.compiled.css";

package/dist/esm/components/skip-links/skip-links-popup.js

@@ -1,4 +1,4 @@
-/* skip-links-popup.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* skip-links-popup.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./skip-links-popup.compiled.css";

package/dist/esm/ui/page-layout/aside.js

@@ -1,4 +1,4 @@
-/* aside.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* aside.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./aside.compiled.css";

package/dist/esm/ui/page-layout/banner.js

@@ -1,4 +1,4 @@
-/* banner.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* banner.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./banner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/main/main-sticky-header.js

@@ -1,4 +1,4 @@
-/* main-sticky-header.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* main-sticky-header.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/page-layout/main/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js

@@ -1,4 +1,4 @@
-/* panel-splitter.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* panel-splitter.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/ui/page-layout/panel.js

@@ -1,4 +1,4 @@
-/* panel.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* panel.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./panel.compiled.css";

package/dist/esm/ui/page-layout/ribbon.js

@@ -1,4 +1,4 @@
-/* ribbon.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ribbon.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./ribbon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/root.js

@@ -1,4 +1,4 @@
-/* root.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* root.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./root.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';

package/dist/esm/ui/page-layout/side-nav/side-nav-content.js

@@ -1,4 +1,4 @@
-/* side-nav-content.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* side-nav-content.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./side-nav-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useMemo, useRef } from 'react';

package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js

@@ -1,4 +1,4 @@
-/* side-nav-footer.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* side-nav-footer.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./side-nav-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/side-nav/side-nav-header.js

@@ -1,4 +1,4 @@
-/* side-nav-header.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* side-nav-header.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./side-nav-header.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/side-nav/side-nav.js

@@ -1,4 +1,4 @@
-/* side-nav.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* side-nav.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

package/dist/esm/ui/page-layout/side-nav/toggle-button.js

@@ -1,4 +1,4 @@
-/* toggle-button.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* toggle-button.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./toggle-button.compiled.css";

package/dist/esm/ui/page-layout/top-nav/top-nav-end.js

@@ -1,4 +1,4 @@
-/* top-nav-end.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav-end.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./top-nav-end.compiled.css";

package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js

@@ -1,4 +1,4 @@
-/* top-nav-middle.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav-middle.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./top-nav-middle.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/page-layout/top-nav/top-nav-start.js

@@ -1,4 +1,4 @@
-/* top-nav-start.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav-start.tsx generated by @compiled/babel-plugin v3.0.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./top-nav-start.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/top-nav/top-nav.js

@@ -1,4 +1,4 @@
-/* top-nav.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* top-nav.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./top-nav.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/top-nav-items/custom-title.js

@@ -1,4 +1,4 @@
-/* custom-title.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* custom-title.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./custom-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css

@@ -1,4 +1,3 @@
-._2rko19bv{border-radius:10px}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}

package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js

@@ -1,4 +1,4 @@
-/* app-logo.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* app-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./app-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
@@ -10,8 +10,7 @@ import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
 var anchorStyles = {
-  root: "_2rko19bv _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
-  rootT26Shape: "_2rko1mok",
+  root: "_2rko1mok _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
   interactionStates: "_irr31dpa _1di69yc7",
   interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
   fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
@@ -69,7 +68,7 @@ export var AppLogo = function AppLogo(_ref) {
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(anchorStyles.root, fg('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
+    xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.075",
@@ -77,10 +76,7 @@ export var AppLogo = function AppLogo(_ref) {
     xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
-  }, /*#__PURE__*/React.createElement(LogoRenderer
-  // Top nav always uses the new logo design
-  , {
-    shouldUseNewLogoDesign: true,
+  }, /*#__PURE__*/React.createElement(LogoRenderer, {
     logoOrIcon: icon
   })), /*#__PURE__*/React.createElement("span", {
     className: ax([logoTextStyles.root])

package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.compiled.css

@@ -1,5 +1,5 @@
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
 ._1e0c1txw{display:flex}
 ._1e0cglyw{display:none}

package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js

@@ -1,17 +1,15 @@
-/* custom-logo.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';
 import { cx } from '@compiled/react';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
 var anchorStyles = {
-  root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
-  customLogoBorderRadius: "_2rkofajl",
-  customLogoBorderRadiusT26Shape: "_2rko1mok",
+  root: "_2rko12b0 _1e0c1txw _4cvr1h6o _4t3izwfg",
+  customLogoBorderRadius: "_2rko1mok",
   newMargin: "_ahbq1b66",
   newInteractionStates: "_irr31dpa _1di69yc7",
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -81,7 +79,7 @@ export var CustomLogo = function CustomLogo(_ref) {
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
+    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])

package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js

@@ -1,25 +1,22 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 export var themedLogoIcon = '--ds-top-bar-logo-icon';
 export var themedLogoText = '--ds-top-bar-logo-text';
 export function LogoRenderer(_ref) {
-  var LogoOrIcon = _ref.logoOrIcon,
-    shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
+  var LogoOrIcon = _ref.logoOrIcon;
   var hasCustomTheme = useHasCustomTheme();
   if (hasCustomTheme) {
     return /*#__PURE__*/React.createElement(LogoOrIcon, {
       label: "",
       size: "small",
-      shouldUseNewLogoDesign: shouldUseNewLogoDesign,
       iconColor: "var(".concat(themedLogoIcon, ")"),
       textColor: "var(".concat(themedLogoText, ")")
     });
   }
   return /*#__PURE__*/React.createElement(LogoOrIcon, {
     size: "small",
-    shouldUseNewLogoDesign: shouldUseNewLogoDesign,
     label: "",
     appearance: "brand"
   });

package/dist/esm/ui/top-nav-items/search.compiled.css

@@ -1,4 +1,3 @@
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}

package/dist/esm/ui/top-nav-items/search.js

@@ -1,16 +1,14 @@
-/* search.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
 import "./search.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment } from 'react';
 import { cx } from '@atlaskit/css';
 import SearchIcon from '@atlaskit/icon/core/search';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
 import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/icon-button';
 var styles = {
-  root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
-  rootT26Shape: "_2rko1qi0",
+  root: "_2rko1qi0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
   buttonText: "_yyhyjvu9 _1ii7kb7n",
   iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
   elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -39,7 +37,7 @@ export var Search = function Search(_ref) {
       border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
     },
     onClick: onClick,
-    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/React.createElement("span", {